/*
Theme Name: Theme Spiral
Theme URI: https://themespiral.com/
Author: Theme Spiral
Author URI: https://themespiral.com/
Version: 1.0
Requires at least: 5.1
Requires PHP: 7.0
License: GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themespiral
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

themespiral is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Layout
	## Header
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "Source Sans Pro", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	clear: both;
	font-weight: 500;
	line-height: 1.1;
	margin: 0 0 0.75em;
}

h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eeeeee;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 1.5em 0;
}

ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

ul li a,
ol li a {
	color: #222;
}

ul li a:hover,
ol li a:hover {
	color: #7A6CEA;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

table th {
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

/* Removes dotted line when focus */
:focus { 
	outline-color: transparent;
  	outline-style: none;
}

/* Webkit */
::selection {
	background: #7A6CEA;
	color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
	background: #7A6CEA;
	color: #fff;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	background-color: #7A6CEA;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 10px 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #55477F;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-color: #55477F;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #7A6CEA;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
}

a:visited {
	color: #000;
}

a:hover, 
a:focus, 
a:active {
	color: #747474;
}

a:focus {
	outline: thin dotted;
}

a:hover, 
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.default-button {
	display: inline-block;
	font-size: 16px;
	padding: 5px 30px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	margin-bottom: 30px;
}

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

.btn-dark {
	color: #fff;
	background-color: #55477F;
}

.btn-light {
	color: #fff;
	background-color: #A781E3;
}

.more-button {

}

.pro-btn {
	background-color: rgba(236,14,14,1);
	color: #fff;
	padding: 2px 12px;
	margin-left: 10px;
	font-size: 14px;
}

.free-btn {
	background-color: #7aa93c;
	color: #fff;
	padding: 2px 12px;
	font-size: 14px;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    display: inline-block;
    margin: 25px 0;
}


.site-header-menu {
	text-align: center;
}

.main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-navigation ul li {
    display: inline-block;
    line-height: 38px;
    margin-right: -4px;
    position: relative;
}

.main-navigation > ul > li {
	line-height: 32px;
}

.main-navigation ul li a {
    color: #fff;
    display: block;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
}

.main-navigation ul ul.children li a {
    line-height: 25px;
    padding: 8px 15px;
}

.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a,
.main-navigation ul li.current-menu-ancestor>a {
	background-color: #55477F;
    color: #A781E3;
}

.main-navigation ul.sub-menu,
.main-navigation ul.children {
    background: #726D7F;
    left: 0;
    min-width: 200px;
    position: absolute;
    top: 120%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.main-navigation ul li:hover>ul.sub-menu,
.main-navigation ul li:hover>ul.children,
.main-navigation ul li.focus>ul.sub-menu,
.main-navigation ul li.focus>ul.children {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.main-navigation ul.sub-menu li,
.main-navigation ul.children li {
    float: none;
    display: block;
    border-bottom: 1px solid #888;
    margin: 0;
}

.main-navigation ul.sub-menu li:last-child,
.main-navigation ul.children li:last-child {
    border: none;
}

.main-navigation ul.sub-menu ul,
.main-navigation ul.children ul {
    right: -100%;
    left: auto;
    top: -20%;
}

.main-navigation ul.sub-menu li:hover>ul,
.main-navigation ul.children li:hover>ul {
    top: 0;
}

.main-navigation ul li.menu-item-has-children > a::before, .main-navigation ul li.page_item_has_children > a::before {
	background: url('./images/svg/down-arrow.svg') no-repeat;
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	display: block;
	background-size: 12px 12px;
	top: 10px;
	right: 10px;
}



.main-navigation ul.sub-menu li.menu-item-has-children>a:before,
.main-navigation ul.children li.page_item_has_children>a:before {
    background: url('./images/svg/right-arrow-angle.svg') no-repeat;
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	display: block;
	background-size: 12px 12px;
	top: 10px;
	right: 10px;
}

.main-navigation ul.menu li.menu-item-has-children a,
.main-navigation .menu li.page_item_has_children a {
    padding-right: 30px;
}



.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.menu-toggle {
    display: none;
}

.dropdown-toggle {
    display: none;
}

.myacc:before {
	background: url('./images/svg/avatar.svg') no-repeat;
	content: '';
	position: absolute;
	height: 12px;
	width: 12px;
	display: block;
	background-size: 12px 12px;
	top: 11px;
	left: 10px;
	z-index: 9;
}

.myacc {
	border: 1px solid rgba(255,255,255,0.3);
	display: block;
}

.main-navigation ul li.myacc a {
	padding-left: 27px;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
#page {
	position: relative;
	word-wrap: break-word;
	overflow-x: hidden;
}

#content {
	margin: 50px 0;
}

.home #content {
	margin: 0;
}

.wrap {
	max-width: 1170px;
	margin-right: auto;
	margin-left: auto;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

#primary {
	float: left;
	width: 66.66%;
}

#secondary {
	float: right;
	padding-left: 30px;
	width: 33.33%;
}

.row {
	margin-left: -2em;
	margin-right: -2em;
}

.column {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 2em;
	padding-right: 2em;
	margin-bottom: 2em;
	text-align: center;
}

.col-1 .column {
	width: 100%;
}

.col-2 .column {
	width: 50%;
}

.col-3 .column {
	width: 33.33333333%;
}

.col-4 .column {
	width: 25%;
}

.col-5 .column {
	width: 20%;
}


.col-5 .column:nth-child(5n+1),
.col-4 .column:nth-child(4n+1),
.col-3 .column:nth-child(3n+1),
.col-2 .column:nth-child(2n+1) {
	clear: both;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

#masthead .wrap {
	position: relative;
}

.site-header {
	background-color: #fafafa;
	position: relative;
}

.top-header {
	background-color: #7A6CEA;
}

/* Site branding */

.site-branding {
	padding: 10px 0;
	position: relative;
	float: left;
}

.site-branding-text {
	display: inline-block;
}

.site-branding a {
	text-decoration: none;

}

.site-title {
	clear: none;
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #FFF;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

.site-description {
	color: #FFF;
	margin-bottom: 0;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 60px;
	width: auto;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.row:before,
.row:after,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.primary-menu:before,
.primary-menu:after,
.site-header-menu:before,
.site-header-menu:after,
.section-content:before,
.section-content:after,
.single-theme-wrap:before,
.single-theme-wrap:after,
.tabs-content:before,
.tabs-content:after,
.pricing-table:before,
.pricing-table:after,
.documentation:before,
.documentation:after,
.st-tabs:before,
.st-tabs:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.row:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.primary-menu:after,
.site-header-menu:after,
.section-content:after,
.single-theme-wrap:after,
.tabs-content:after,
.pricing-table:after,
.documentation:after,
.st-tabs:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------*/

.widget-title {
    font-size: 22px;
    margin-top: 0;
}

.site-footer .widget-title h2 {
	font-size: 22px;
}

.widget_search .search-field {
    float: left;
    width: 78%;
}

.widget_search .search-submit {
    background: #7A6CEA;
    color: #ffffff;
    height: 36px;
    width: 22%;
}

.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul {
    list-style: outside none none;
    margin: 0;
}

.widget_archive li,
.widget_categories li,
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_recent_entries li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child {
    border: none;
}

.widget_archive a,
.widget_categories a,
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li a,
.widget_nav_menu li a {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 26px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: inline-block;
}

.widget_search .search-field {
    width: 75%;
    float: left;
}

.widget_search .search-submit {
    height: 36px;
    width: 25%;
    background: #7A6CEA;
    border-color: #7A6CEA;
    color: #ffffff;
}

.widget_recent_entries .post-date {
    color: #8f8f8f;
    display: block;
    font-size: 11px;
    margin-top: -5px;
    padding-left: 24px;
}

.widget_nav_menu .sub-menu {
    margin-bottom: -10px;
    margin-top: 10px;
    padding-left: 10px;
}

.widget_nav_menu li::before {
    top: 0;
}

.widget_tag_cloud .tagcloud a {
    color: #909090;
    font-size: 14px !important;
    border: 1px solid #cfcfcf;
    padding: 1px 10px;
    display: inline-block;
    margin: 0 5px 10px 0;
    border-radius: 2px;
}

.widget_tag_cloud .tagcloud a:hover {
    background: #F54037;
    color: #fff;
    border-color: #F54037;
}

/*--------------------------------------------------------------
## Footer Widget
--------------------------------------------------------------*/
.footer-widgets-area {
	padding: 50px 0;
}

.footer-widgets-area .column {
	text-align: left;
}

/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-title {
	font-size: 24px;
    display: block;
    padding: 0;
    margin: 10px auto;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Social Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header Strip
--------------------------------------------------------------*/
.header-strip {
	background-color: #55477F;
	padding: 10px 0;
	text-align: center;
}

.header-strip .widget {
	margin: 0;
}

.header-strip-text {
	font-size: 16px;
	color: #fff;
	display: inline-block;
}

.coupon-code {
	background-color: #7A6CEA;
	padding: 0px 6px 2px;
	border-radius: 3px;
	margin-left: 10px;
}

.header-strip-btn {
	display: inline-block;
	margin: 0 10px;
	background-color: #fff;
	padding: 0 10px;
	border-radius: 3px;
	color: #333;
}
.header-strip-btn:hover {
	background-color: #A781E3;
	color: #fff;
}

/*--------------------------------------------------------------
## Main Banner
--------------------------------------------------------------*/
.main-banner {
	background-color: #7A6CEA;
	padding-top: 100px;
}

.banner-image {
	position: relative;
	text-align: center;
}

.banner-image img {
	height: auto;
	max-width: 70%;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	vertical-align: middle;
}

.banner-content {
	text-align: center;
}

.banner-title {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 20px;
}

.banner-text {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 30px;
}

.banner-buttton {
	border: 1px solid #fff;
	border-radius: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.banner-button-one,
.banner-button-two {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 5px 30px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
}

.banner-button-one {
	border-right: 1px solid #fff;
	border-radius: 20px 0 0 20px;
}

.banner-button-two {
	border-radius: 0 20px 20px 0;
	margin-left: -14px;
}

.banner-button-one:hover,
.banner-button-two:hover {
	background-color: #fff;
	color: #A781E3;
}

.either {
	background-color: #7A6CEA;
	margin-left: -14px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 2px 3px;
	font-size: 10px;
	color: #fff;
	vertical-align: middle;
	position: relative;
	z-index: 99;
}

.angle-arrow {
	background: url('./images/svg/down-arrow.svg') no-repeat;
	position: relative;
	height: 15px;
	width: 15px;
	display: block;
	background-size: 15px 15px;
	top: -3px;
	right: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.dropdown-toggle.active .angle-arrow {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/*--------------------------------------------------------------
## Landing Section
--------------------------------------------------------------*/
.landing-section {
	background-color: #F7F7FA;
	padding: 50px 0 50px;
}

.section-header {
	text-align: center;
}

.heading-big:first-letter {
	margin-left: -54px;
	margin-right: -30px;
	font-size: 82px;
	color: #7A6CEA;
	padding: 5px 30px;
	border: 1px solid #7A6CEA;
}

.heading-big {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 50px;
	margin-top: 50px;
}

.special-subtitle {
	display: inline-block;
	letter-spacing: 0.03em;
	width: 70%;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 50px;
}

.section-item {
	margin-bottom: 20px;
}

.highlight-new:after {
	content: 'NEW';
	position: absolute;
	display: block;
	top: -15px;
	right: -25px;
	background-color: #A781E3;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 20px;
	letter-spacing: 0;
	line-height: 1.2;
	border-radius: 3px;
	box-shadow: 0px 10px 20px 0 rgba(0,0,0,0.4);
	pointer-events: none;
}

.section-figure {
	background: url('./images/theme-bg.png') no-repeat center top;
	width: 350px;
	height: 290px;
	display: inline-block;
	position: relative;
}

.section-figure .section-img {
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	position: absolute;
	width: 309px;
	height: 179px;
	top: 13px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all 6s ease-out 0s;
	-webkit-transition: all 6s ease-out 0s;
	-moz-transition: all 6s ease-out 0s;
	-ms-transition: all 6s ease-out 0s;
	-o-transition: all 6s ease-out 0s;
}

.section-figure:hover .section-img {
	background-position: center 100%;
}

.section-item-detail {
	text-align: center;
}

.section-item-title a {
	color: #666;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 2px;
}

.section-item-all-info {
	display: inline-block;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0;
	line-height: 22px;
}

.section-item-all-info span {
	display: inline-block;
	text-transform: uppercase;
}

.pro-demo,
.theme-info {
	font-weight: bold;
}

.section-item-all-info span a {
	color: #747474;
}

.section-item-all-info span a:hover {
	color: #7A6CEA;
}

.section-item-all-info .free-demo a {
	color: #7A6CEA;
}

.section-item-all-info .pro-demo a {
	color: #A781E3;
}

.more-theme-button {
	display: block;
	text-align: center;
	clear: both;
	padding-top: 30px;
}

/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background-color: #D41616;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*--------------------------------------------------------------
## Woocommerce Cart
--------------------------------------------------------------*/

/*  */
.top-header .cart-counter {
	float: right;
	margin-top: 15px;
	position: relative;
}

.top-header .cart-icon {
	float: left;
	color: #fff;
	position: relative;
	background: url('./images/svg/shopping-cart.svg') no-repeat;
	position: relative;
	height: 28px;
	width: 28px;
	display: block;
	background-size: 28px 29px;
	top: 8px;
	left: -10px;
}

.top-header .cart-icon img {
	width: 28px;
}

.top-header .products-count {
	border-radius: 50%;
	top: -8px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 17px;
	line-height: 16px;
	margin: 0;
	position: absolute;
	right: -8px;
	text-align: center;
	text-transform: uppercase;
	width: 17px;
	background-color: #A781E3;
}

.top-header .cart-amount-wrap {
	float: left;
	color: #fff;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	margin-left: 5px;
	margin-top: 5px;
}

.top-header .cart-amount-wrap div {
	height: 15px;
}

.top-header .cart-amount-wrap .cart-amount-title {
	font-weight: bold;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.site-info {
	background-color: #303236;
	padding: 30px 0 20px;
}

.footer-info {
	float: left;
}

.footer-info,
.footer-info a {
	color: #d0d3d8;
	font-size: 12px;
}

.footer-nav {
	float: right;
}

.footer-links > li {
	margin: 0 20px 10px 0;
	display: inline-block;
	list-style: none;
}

.footer-links > li > a {
	font-size: 12px;
	color: #d0d3d8;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.site-icon {
	color: #fff;
	position: relative;
	background: url('./images/logo-icon.png') no-repeat;
	position: relative;
	height: 13px;
	width: 13px;
	display: inline-block;
	background-size: 13px 13px;
	top: 2px;
}

/*--------------------------------------------------------------
## Tab
--------------------------------------------------------------*/

.st-tabs {
	margin: 1.5rem 0;
}

/* Thumbs */
.tabs-nav {
	margin: 0;
	padding-left: 0;
	border-bottom: 1px solid #e5e5e5;
}

.tabs-list {
	background-color: #A781E3;
	border-right: 1px solid #fff;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 2.4;
	position: relative;
	padding: 0 20px;
	border-radius: 0 20px 0 0;
}

/* Panels */
.tabs-container {
	background-color: #eee;
	margin: 0;
	padding: 60px 0;
	list-style: none;
}

.tabs-content {
	display: none;
}

/* Active */
.tabs-list:hover,
.tabs-list.is-active {
	background-color: #55477F;
}

/*--------------------------------------------------------------
## Single Theme Page
--------------------------------------------------------------*/
.single-theme-figure {
	float: left;
	width: 60%;
	text-align: center;
}

.single-theme-text {
	float: left;
	width: 40%;
}

.single-theme-figure-wrap {
	background: url('./images/single-theme-bg.png') no-repeat center top;
	width: 480px;
	height: 410px;
	display: inline-block;
	position: relative;
}

.single-theme-figure-wrap .single-theme-img {
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	position: absolute;
	width: 442px;
	height: 248px;
	top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all 6s ease-out 0s;
	-webkit-transition: all 6s ease-out 0s;
	-moz-transition: all 6s ease-out 0s;
	-ms-transition: all 6s ease-out 0s;
	-o-transition: all 6s ease-out 0s;
}

.single-theme-figure-wrap:hover .single-theme-img {
	background-position: center 100%;
}

.single-theme-heading {
	font-size: 36px;
	font-weight: 600;
}

.single-theme-subtitle {
	font-size: 24px;
}

.single-theme-btn .default-button {
	margin-right: 10px;
}

/*--------------------------------------------------------------
## Pricing
--------------------------------------------------------------*/

.pricing-table {
	text-align: center;
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.pricing-content {
	background-color: #f7f7f8;
	color: #606873;
	-webkit-box-shadow: 0 0 10px rgba(35, 31, 32, .1);
	-moz-box-shadow: 0 0 10px rgba(35, 31, 32, .1);
	box-shadow: 0 0 10px rgba(35, 31, 32, .1);
	float: left;
	width: calc(33.33% - 50px);
	margin: 0 25px;
	padding: 25px 0 35px;
}

.pricing-content.table-two {
	background-color: #ea7a6c;
	color: #fff;
	padding: 25px 15px 35px;
	position: relative;
}

.pricing-content.table-three {
	border-top: 2px solid #7A6CEA;
}

.spotlight-name {
	margin-top: -64px;
	position: absolute;
	background-color: #55477F;
	padding: 6px 15px;
	right: 0;
	width: 100%;
	font-size: 18px;
}

.plan-name {
	color: #7A6CEA;
	font-size: 28px;
	margin-bottom: 8px;
}

.price {
	color: #6cea7a;
	font-size: 45px;
}

.pricing-content.table-two .plan-name {
	color: #fff;
}

.pricing-features li {
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 0;
	margin: 0;
	list-style: none;
	font-size: 14px;
}

.pricing-box-button {
	margin-top: 25px;
}

.pricing-box-button a {
	background-color: #7A6CEA;
	padding: 10px 20px;
	color: #fff;
}

.pricing-content.table-two .pricing-box-button a {
	background-color: #55477F;
}

.pricing-content.table-two .pricing-box-button a:hover {
	opacity: 0.7;
}

.pricing-box-button a:hover {
	background-color: #55477F;
	color: #fff;
}

/*--------------------------------------------------------------
## Compare Box
--------------------------------------------------------------*/
.compare-table {
	width: 70%;
	margin: 0 auto;
}

.compare-table thead th.header-color-one {
	background: #eee;
}

.compare-table thead th.header-color-two {
	background: #ddd;
}

.compare-table thead th {
	border: 0;
	height: 50px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
	color: #333;
	text-align: center;
}

.compare-table tr {
	border-bottom: 1px solid #eee;
}

.compare-table table tr:nth-child(2n) td:nth-child(2n+1) {
	background-color: #fafafa;
}

.compare-table tbody td {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	padding-left: 20px;
}

.compare-table tbody td + td {
	text-align: center;
}

.green-dot {
	background: #77CC33;
}

.red-dot {
	background: #FF0000;
}

.green-dot, .red-dot {
	width: 15px;
	height: 15px;
	line-height: 15px;
	display: inline-block;
	border-radius: 100%;
}

/*--------------------------------------------------------------
## changelog
--------------------------------------------------------------*/
.changelog-diary {
	padding: 0 50px 50px;
	max-height: 500px;
	overflow-y: scroll;
}

.update-title {
	background: #f6f6f6;
	padding: 10px 20px;
	color: #333;
	line-height: 22px;
	display: block;
	font-weight: 500;
	margin: 0 0 2px 0;
	font-size: 14px;
	border-left: 3px solid #7A6CEA;
}

.update-date {
	float: right;
}

.changelog {
	font-size: 14px;
    line-height: 5px;
    list-style: none;
    margin-left: 5px;
}

.changelog li {
	position: relative;
	padding: 12px 20px 12px;
	background-color: #fff;
}

.changelog li:nth-child(2n+1) {
	background-color: #fafafa;
}

/*--------------------------------------------------------------
# Documentation
--------------------------------------------------------------*/
.documentation .st-tabs {
	margin: 1.5rem 0;
	background-color: #faf8fd;
	padding: 3px;
}

.documentation .st-tabs .tabs-nav {
	border: none;
	float: left;
	width: 30%;
}

.documentation .st-tabs .tabs-container {
	background-color: #fff;
	float: right;
	padding: 30px;
	width: 70%;
	overflow-y: scroll;
	height: 700px;
}

.documentation .st-tabs .tabs-list {
	border-bottom: 1px solid #c4b6db;
	display: block;
	border-radius: 0;
}

.documentation .highlight {
	background-color: #f8f8ff;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #9c91f2;
	margin-bottom: 30px;
}

.documentation .warning {
	background-color: #fff9e4;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #ffe698;
	margin-bottom: 30px;
}

.documentation .warning:before {
	border-radius: 15px;
	content: "!";
	font-weight: bold;
	padding: 0 8px;
	line-height: 1;
	margin-right: 10px;
	border: 2px solid #ffde76;
}

.documentation ul li a,
.documentation ol li a {
	color: #7A6CEA;
}

.documentation ul li a:hover,
.documentation ol li a:hover {
	color: #222;
}

.doc-content img {
	margin-bottom: 20px;
}


/*--------------------------------------------------------------
# Bbpress
--------------------------------------------------------------*/
#bbpress-forums div.bbp-search-form {
	float: none;
}

#bbpress-forums li.bbp-header, 
#bbpress-forums li.bbp-footer {
	border-top: none;
}

#bbpress-forums li.bbp-header ul li, 
#bbpress-forums li.bbp-footer {
	color: #55477F;
}

#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results, 
div.bbp-forum-header, 
div.bbp-topic-header, 
div.bbp-reply-header, 
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic, 
#bbpress-forums fieldset.bbp-form, 
.widgetable .bbp-login-form, 
.widgetable .bbp-logged-in, 
.bbp-pagination-links a {
	border-color: #e7e7fa;
}
#bbpress-forums div.odd, 
#bbpress-forums ul.odd, 
#bbpress-forums div.bbp-forum-header, 
#bbpress-forums div.bbp-topic-header, 
#bbpress-forums div.bbp-reply-header, .widgetable .bbp-login-form, .widgetable .bbp-logged-in, 
#bbpress-forums li.bbp-header,
#bbpress-forums fieldset.bbp-form {
	background-color: #f6f6ff;
}

#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results {
	border-width: 2px;
}

#bbpress-forums li.bbp-header, 
#bbpress-forums fieldset.bbp-form {
	background-color: #fbfbff;
}

#bbpress-forums #bbp-search-form #bbp_search {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 70%;
	margin-bottom: 20px;
	padding: 10px;
}

#bbpress-forums #bbp-search-form #bbp_search_submit {
	width: 30%;
	margin-left: -3px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 46px;
	padding: 0;
	vertical-align: top;
	background-color: #7A6CEA;
	border: none;
	font-size: 16px;
	color: #fff;
}

#bbpress-forums li.bbp-header, 
#bbpress-forums li.bbp-footer, 
#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
	padding: 10px 20px;
	min-height: 70px;
}

#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results {
	font-size: 14px;
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
	padding: 25px 35px !important;
	line-height: 1;
}

a.bbp-forum-title, a.bbp-topic-permalink {
	line-height: 30px;
	font-weight: 600;
	font-style: normal;
	color: #333;
	font-size: 16px;
}

div.bbp-template-notice.info {
	border: 1px solid #9c91f2;
	background-color: #f6f6ff;
}

div.bbp-template-notice, 
div.indicator-hint {
	background-color: #fefcf5;
	border-color: #ffe698;
	color: #000;
}

#bbpress-forums div.even, 
#bbpress-forums ul.even {
	background-color: #f6f6ff;
}

#bbpress-forums div.odd, 
#bbpress-forums ul.odd, 
#bbpress-forums fieldset.bbp-form {
	background-color: #fff;
}

#bbpress-forums li.bbp-footer {
	display: none;
}

.forum-highlight {
    background-color: #f8f8ff;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #9c91f2;
    margin-bottom: 30px;
}

.register-extension {
    border: 1px solid #dddaf4;
    clear: both;
    padding: 5px 10px;
    margin-bottom: 20px;
    float: left;
    display: block;
    background-color: #f8f8ff;
}

/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

.woocommerce-MyAccount-navigation ul li {
	display: block;
	background-color: #f8f8ff;
	margin-bottom: 5px;
	padding: 5px 15px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background-color: #7A6CEA;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.woocommerce a.button {
    margin-right: 5px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background-color: #7A6CEA;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
 background-color: #55477F;
}

.woocommerce table.my_account_orders td {
    padding: 15px 10px;
}

.api-manager-changelog hr,
.api-manager-changelog br,
.api-manager-download hr,
.api-manager-download br {
	display: none;
}


/*--------------------------------------------------------------
## Woocommerce Cart
--------------------------------------------------------------*/

/*  */
.top-header .cart-counter {
	float: right;
	margin-top: 15px;
	position: relative;
}

.top-header .cart-icon {
	float: left;
	color: #fff;
	position: relative;
	background: url('./images/svg/shopping-cart.svg') no-repeat;
	position: relative;
	height: 28px;
	width: 28px;
	display: block;
	background-size: 28px 29px;
	top: 8px;
	left: -10px;
}

.top-header .cart-icon img {
	width: 28px;
}

.top-header .products-count {
	border-radius: 50%;
	top: -8px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 17px;
	line-height: 16px;
	margin: 0;
	position: absolute;
	right: -8px;
	text-align: center;
	text-transform: uppercase;
	width: 17px;
	background-color: #A781E3;
}

.top-header .cart-amount-wrap {
	float: left;
	color: #fff;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	margin-left: 5px;
	margin-top: 5px;
}

.top-header .cart-amount-wrap div {
	height: 15px;
}

.top-header .cart-amount-wrap .cart-amount-title {
	font-weight: bold;
}

/*--------------------------------------------------------------
## Mailchip
--------------------------------------------------------------*/
.spiral-mailchip {
	color: #fff;
	text-align: center;
	font-size: 12px;
}

.mc4wp-form-fields p {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

.mc4wp-form-fields input {
	background-color: #484848;
	border-radius: 0;
	color: #fff;
	border-color: #666;
	padding: 5px 10px;
	font-size: 12px;
}

.mc4wp-form-fields input[type="submit"] {
	padding: 9px 15px;
	margin-left: -5px;
	border-radius: 0;
	background: #7A6CEA;
}

.grecaptcha-badge {
    display: none;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
	.wrap {
		width: 94%;
	}

	.row {
		margin-left: -1em;
		margin-right: -1em;
	}

	.column {
		padding-left: 1em;
		padding-right: 1em;
	}

	.col-3 .column,
	.col-4 .column,
	.col-5 .column {
		width: 50%;
	}

	.main-banner {
		padding-top: 50px;
	}

	.banner-image img {
		max-width: 80%;
	}
}

@media only screen and (max-width: 960px) {
	.single-theme-figure {
		width: 100%;
	}

	.single-theme-text {
		text-align: center;
		width: 100%;
	}

	.tabs-container {
		padding: 50px 0;
	}

	.pricing-table {
		width: 98%;
	}

	.pricing-content {
		width: calc(33.33% - 20px);
		margin: 0 10px;
		padding: 30px 0;
	}

	.compare-table {
		width: 94%;
	}
}

@media screen and (min-width: 768px) {
	.col-2 .column,
	.col-3 .column,
	.col-4 .column,
	.col-5 .column {
	
	}
}

@media only screen and (max-width: 767px) {
    .navigation-top {
	    float: inherit;
	}
	.menu-toggle-wrap {
	    float: left;
	    display: inline-block;
	    position: relative;
	    z-index: 9999;
	}

	.main-navigation {
		display: block;
		margin-top: 10px;
	}

	.main-navigation ul.menu {
		display: none;
		width: 100%;
		clear: both;
	}

	.main-navigation div.menu > ul {
	    display: none;
	    margin-top: 1em;
	    padding: 25px;
	    margin-bottom: 50px;
	}

	.main-navigation > ul > li {
		line-height: 36px;
	}

    .main-navigation ul li {
        display: block;
        float: none;
        line-height: 36px;
    }

    .dropdown-toggle {
        background: #333;
        color: #333;
        cursor: pointer;
        display: block;
        height: 24px;
        line-height: 25px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 6px;
        width: 24px;
    }

    .main-navigation ul>li:hover > .dropdown-toggle,
    .main-navigation ul>li.current-menu-item .dropdown-toggle,
    .main-navigation ul>li.current-menu-ancestor .dropdown-toggle {
        background: #7A6CEA;
    }

    .main-navigation ul li.menu-item-has-children > a:before, 
    .main-navigation ul li.page_item_has_children > a:before,
    .main-navigation ul.sub-menu li.menu-item-has-children > a:before, 
    .main-navigation ul.children li.page_item_has_children > a:before {
        display: none;
    }

    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .main-navigation ul>li:hover>.sub-menu,
    .main-navigation ul>li:hover>.children {
        top: 0;
    }

    .main-navigation ul.menu>li:hover>a::after,
    .main-navigation ul.menu>li.current-menu-item>a::after {
        display: none;
    }

    .main-navigation ul.sub-menu li, 
    .main-navigation ul.children li {
        border-bottom: none;
    }

	.menu-toggle {
		display: block;
		background-color: transparent;
		width: 50px;
	}

	.toggle-bar {
		width: 36px;
		height: 2px;
		background-color: #fff;
		border-radius: 3px;
		position: relative;
		transition: transform 0.15s ease;
		float: left;
		margin: 4px 0;
	}

	.toggle-text {
		font-size: 0;
	}

    #primary,
    .home.blog #primary,
    #secondary,
    .home.blog #secondary {
        float: none;
        width: 100%;
    }

    .col-2 .column, 
    .col-3 .column, 
    .col-4 .column, 
    .col-5 .column {
		width: 100%;
	}

    .main-banner {
		padding-top: 30px;
	}

    .banner-content {
    	margin: 0 auto;
		width: 94%;
    }

    .banner-title {
		font-size: 24px;
		line-height: 32px;
		font-weight: 600;
	}

	.banner-text {
		font-size: 18px;
		line-height: 26px;
	}

	.banner-button-one, 
	.banner-button-two {
		font-size: 12px;
	}

	.banner-image img {
		max-width: 94%;
	}

	.heading-big:first-letter {
		margin-left: -20px;
		margin-right: -22px;
		font-size: 50px;
		padding: 0px 20px;
	}

	.single-theme-figure-wrap {
		width: 360px;
		height: 310px;
		background-size: 360px;
	}

	.single-theme-figure-wrap .single-theme-img {
		width: 332px;
		height: 185px;
		top: 15px;
	}

	.pricing-content {
		width: calc(100% - 20px);
		margin-bottom: 20px;
	}

	.spiral-mailchip {
		clear: both;
	}
}

@media only screen and (max-width: 480px) {
	.tabs-list {
		line-height: 1.6;
		padding: 0 5px;
		border-radius: 0;
		margin-top: 1px;
	}
}