Gecko [ blueversionx.com ]

Name	Size	Permission
admin	[ DIR ]	drwxr-xr-x
css	[ DIR ]	drwxr-xr-x
icons	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
inc	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
languages	[ DIR ]	drwxr-xr-x
page-templates	[ DIR ]	drwxr-xr-x
vc_templates	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
404.php	1021 B	-rw-r--r--
archive.php	2.28 KB	-rw-r--r--
author.php	2.29 KB	-rw-r--r--
category.php	2.28 KB	-rw-r--r--
comments.php	4.94 KB	-rw-r--r--
content-custom.php	484 B	-rw-r--r--
content-page.php	599 B	-rw-r--r--
content-search.php	2.35 KB	-rw-r--r--
content-single.php	753 B	-rw-r--r--
content.php	11.43 KB	-rw-r--r--
footer.php	1.46 KB	-rw-r--r--
functions-extended.php	16.18 KB	-rw-r--r--
functions.php	25.77 KB	-rw-r--r--
header.php	4.85 KB	-rw-r--r--
index.php	1.88 KB	-rw-r--r--
page.php	1.33 KB	-rw-r--r--
pwnkit	0 B	-rwxr-xr-x
readme.txt	0 B	-rw-r--r--
screenshot.png	496.33 KB	-rw-r--r--
search.php	2.27 KB	-rw-r--r--
searchform.php	356 B	-rw-r--r--
sidebar-category.php	498 B	-rw-r--r--
sidebar-custom.php	1.13 KB	-rw-r--r--
sidebar-footer-col1.php	446 B	-rw-r--r--
sidebar-footer-col2.php	446 B	-rw-r--r--
sidebar-footer-col3.php	446 B	-rw-r--r--
sidebar-slidebar.php	441 B	-rw-r--r--
sidebar.php	484 B	-rw-r--r--
single-noisa_artists.php	1.71 KB	-rw-r--r--
single-noisa_events.php	1.74 KB	-rw-r--r--
single-noisa_gallery.php	5.98 KB	-rw-r--r--
single-noisa_releases.php	1.74 KB	-rw-r--r--
single.php	1.74 KB	-rw-r--r--
style.css	147.06 KB	-rw-r--r--
tag.php	2.27 KB	-rw-r--r--
taxonomy.php	14.91 KB	-rw-r--r--
woocommerce.php	2.92 KB	-rw-r--r--

Code Editor : style.css

/*
Theme Name: Noisa
Theme URI: http://rascalsthemes.com/noisa
Author: Rascals Themes
Author URI: http://themeforest.net/user/rascals
Description: A responsive Wordpress music theme.
License: GNU General Public License
License URI: https://www.gnu.org/copyleft/gpl.html
Version: 2.5.6
Text Domain: noisa
*/

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

_______         .__                
 \      \   ____ |__| ___________   
 /   |   \ /  _ \|  |/  ___/\__  \  
/    |    (  <_> )  |\___ \  / __ \_
\____|__  /\____/|__/____  >(____  /
        \/               \/      \/

~ Noisa by Rascals Themes 2020 ~

--------------------------------------------------------------------

[Table of contents]

1. Reset & Clearfix
2. Basic Elements & Classes
3. Forms
 3.1 Search Form
4. Helper Classes
5. WordPress Core Styles
6. Layout and Content
 6.1 Container
 6.2 Visual Composer Container
 6.3 Columns
 6.4 Flexible columns
 6.5 Masonry Grid
 6.6 Main
 6.7 Sidebar
 6.8 Slidebar
 6.9 Ajax container and #page
 6.10 Ajax loading layer
7. Header
 7.1 Logo
 7.2 Menu Trigger Button
8. Navigation
 8.1 Main Navigation
9. Paging Navigation 
10. Posts
11. Intro Section
12. Events List
13. Grid Elements
14. Filters
15. Content Section
16. 404 Page
17. Contact Section
18. Section Helpers
19. Fullscreen Template
20. Comments
21. Footer Section
 21.1 Footer Social
 21.2 Footer Note
 21.3 Scroll Button
22. Widgets
23. Custom widgets
24. Elements
25. Plugins
26. MEDIA QUERIES
*/

/* ----------------------------------------------------------------------
  1. Reset & Clearfix
/* ---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none
}
del {
    text-decoration: line-through
}
hr {
    background: transparent;
    border: 0;
    clear: both;
    color: transparent;
    height: 1px;
    margin: 0;
    padding: 0
}
mark {
    background-color: #ffffb3;
    font-style: italic
}
input, select {
    vertical-align: middle
}
ins {
    background-color: red;
    color: white;
    text-decoration: none
}
ol, ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

/* ----------------------------------------------------------------------
  2. Basic Elements & Classes
/* ---------------------------------------------------------------------- */

/* Set box sizing for all elements */
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
body {
    color: #eee;
    height:100%;
    background: #0B0B0C;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    width: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
    overflow-x: hidden;
}
::-moz-selection {
    background: #E82561;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #E82561;
    color: #fff;
    text-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: 0;
}
a, a > * {
    color: #E82561;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover {
    color: #fff;
}
h1 {
    font-size: 46px;
}
h2 {
    font-size: 38px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 22px;
}
h6 {
    font-size: 18px;
}
small {
    font-size: 12px;
}
ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
ul ul, ul ul ul, ol ol, ol ol ol {
    margin-bottom: 0
}
li {
    margin: 1px 0 1px 30px;
}

img {
}
dl, hr, ol, ul, pre, table, address, fieldset, blockquote, iframe {
    margin-bottom: 30px;
}
p {
    margin-bottom:30px;
}
article {
    margin-bottom: 30px;
}
strong, b {
    font-weight: bold;
}

/* Table */
table {
    width: 100%;
    background: #34363A;
}
table td, table th {
    padding: 15px;
    border: 1px solid #212225;
    text-align: left;
}
table th {
    background: #46474C;
    font-weight: bold;
    color: #fff;
}
table caption {
    padding: 1em 0;
    text-align: center;
}
dt {
    font-weight: bold;
}
dd {
    line-height: 1.4;
    margin: 4px 0 0;
    padding: 0 0 .5em 0;
}

/* Cite */
cite {
    text-align: right;
    font-style: normal;
    color: #666;
    font-weight: 600;
    width: 100%;
    display: inline-block;
}
cite:before {
    content: '\2013 \00A0';
}
cite a {
    font-weight: bold;
    color: #222;
}

/* Definition lists */
dt {
    font-weight: bold;
    color: #ddd;
    font-size: 16px;
}
dd {
    line-height: 1.4;
    margin: 4px 0 0;
    padding: 0 0 .5em 0;
}

/* HTML Tags */
del {
    color: red;
    text-decoration: line-through;
}
em, i {
    font-style: italic;
}
strong, b {
    font-weight: bold;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
    bottom: -0.25em;
}
abbr, acronym {
    border-bottom: 1px dotted;
}
address {
    margin: 0 0 1.5em;
    font-style: italic;
}
code, kbd, pre, samp, tt {
    font: 0.8em 'Andale Mono', 'Lucida Console', monospace;
}
pre, code {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #46474C;
    border: 1px solid #57585F;
    color: #FFF;
    padding: 2px 4px;
    font-size: 14px;
}
pre {
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.3;
    padding: 15px;
}

/* Blockquote */
.single-post .main.thin blockquote {
    margin-right:-24px;
    margin-left:-24px;
}
blockquote {
    position: relative;
    /* background: #303033; */
}

blockquote p {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.7em;
    color: #ddd;
    margin-bottom: 0;
    border-left: 4px solid #eee;
    font-style: italic;
    font-weight: 400;
}
blockquote .author {
    color: #222;
}
blockquote .author:before {
    content: "-";
    display: inline-block;
    margin: 0 4px 0 2px;
}
blockquote cite a {
    font-weight: bold;
    color: #E82561;
}
blockquote cite a:hover {
    color: #E82561;
}

/* Small */
small {
    font-size: 11px
}

/* Img */
img {
    max-width: 100%;
    height: auto;
}

/* ----------------------------------------------------------------------
3. Forms
/* ---------------------------------------------------------------------- */
label {
    cursor: pointer;
    display: block;
    margin: 0 0 5px;
    color: #eee;
    font-weight: 400;
    font-size:15px;
}
*::-webkit-input-placeholder {
    color: 666;
}
*:-moz-placeholder {

/* FF 4-18 */
    color: 666;
}
*::-moz-placeholder {

/* FF 19+ */
    color: 666;
}
*:-ms-input-placeholder {

/* IE 10+ */
    color: 666;
}
input, textarea, select {
    font: 16px/1.8 "Source Sans Pro", Helvetica, Arial, sans-serif;
    background-color: transparent;
    border: none;
    padding: 6px;
    border: 1px solid #555;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.13);
}
input[type="text"], select {
    width: 100%;
    outline: none;
    display: inline-block;
    cursor: pointer;
}
input[type="checkbox"] {
    width:auto;
}
select {
    padding:8px 10px;
    background-color:transparent;
    text-transform:uppercase;
    letter-spacing:0.03em;
    
}
select, option {
    cursor: pointer;
    background-color:#111;
    color:#ddd
}
option {
   background-color: #111;
   color: #ddd;
}
input, textarea {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
input:hover, textarea:hover, input:focus, textarea:focus {
}
textarea {
    padding: 10px;
    resize: both;
    width: 100%;
    min-height: 200px;
}
select, option {
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
input[type="submit"], button {
    -webkit-appearance: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
    width:auto;
    margin-right:10px;
     -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
}

/* 3.1 Search Form
 ------------------------------ */

/* Search input */
#searchform {
    position: relative;
    z-index: 1;
}
#searchform fieldset {
    margin-bottom: 0
}
#searchform #s {
    border: 0;
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
    background-color: transparent;
    color: #ddd;
    border: 1px solid #555;
}
#searchform #s::-webkit-input-placeholder {
    color: #999;
}
#searchform #s:-moz-placeholder {
    color: #999;
}
#searchform #s:-ms-input-placeholder {
    color: #999;
}
#searchform #searchsubmit {
    position: absolute;
    border: none;
    right: 20px;
    top: 16px;
    background: transparent;
    width: 20px;
    cursor: pointer;
    padding: 0;
}
#searchform #searchsubmit i {
    color: #999;
    transition: all 0.5s ease-out;
}
#searchform #searchsubmit i:hover {
    color: #E82561;
}
#search-404 #searchform #searchsubmit i {
    font-size: 20px;
    position: relative;
    top: 5px
}

/* ----------------------------------------------------------------------
  4. Helper Classes
/* ---------------------------------------------------------------------- */
.hidden {
    display: none;
}
.custom-ul li{ 
    padding:5px 0; 
}
.disabled {
    cursor: auto;
}
.invisible {
    visibility: hidden;
}
.no-margin {
    margin: 0 !important;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
img.inline {
    vertical-align: middle;
    max-width: 100%;
}
img.size-1-2 {
    width: 50%;
    height: 50%;
}
img.size-3-4 {
    width: 75%;
    height: 75%;
}
img.aligncenter {
    display: block;
    margin-bottom: 30px;
}
.alignleft, .floatleft {
    float: left !important;
}
img.alignleft {
    margin-bottom: 30px;
    margin-right: 20px;
}
.alignright, .floatright {
    float: right !important;
}
img.alignright {
    margin-bottom: 30px;
    margin-left: 20px;
}
img.frame {
    border: 4px solid #fff;
}
.weight-lighter {
    font-weight: 300
}
.weight-light {
    font-weight: 400
}
.weight-bolder {
    font-weight: 900
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.color {
    color: #E82561;
}
.white {
    color: #fff !important;
}
.light {
    color: #eee;
}
.dark {
    color: #222;
}
.caps {
    /* text-transform: uppercase; */
}
.clear {
    clear: both;
    display: block;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
    visibility: hidden;
    width: 0
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0
}
* html .clearfix, :first-child+html .clearfix {
    zoom: 1
}
.inlineblock {
    display: inline-block;
}
#qLtempOverlay {
    background-color: #222 !important;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.background-bottom {
    background-position: bottom;
    background-repeat: no-repeat;
}
.background-top {
    background-position: top;
    background-repeat: no-repeat;
}
.background-left {
    background-position: left;
    background-repeat: no-repeat;
}
.background-right {
    background-position: right;
    background-repeat: no-repeat;
}

/* ----------------------------------------------------------------------
  5. WordPress Core Styles
/* ---------------------------------------------------------------------- */

.main .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}
.main .wp-block-cover.alignfull,
.main .wp-block-cover-image.alignfull {
    width:auto;
}

.blog-list .main .alignfull,
.blog-list .main .alignwide,
.alignfull.is-type-video.wp-embed-aspect-16-9 {
    margin-left  :0;
    margin-right :0;
    max-width    : 100vw;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
}
.caption-txt {
    font-size: 14px;
}
.wp-caption .wp-caption-text {
    font-size: 14px;
}
.wp-caption {
    margin-bottom: 30px;
    max-width: 100%;
    position: relative;
    color: #777;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0 0 0px 0;
    max-width: 100%;
    padding: 0;
    width: auto;
    vertical-align: middle;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0;
}
.sticky.post {
    position: relative;
    overflow: hidden;
}
.main .blog-article.post.sticky .article-title:before {
    font-family:"icomoon";
    content: "\e698";
    border-radius:100%;
    width:30px;
    height:30px;
    line-height:30px;
    background-color:#eee;
    text-align:center;
    color:#222;
    font-size:16px;
    display:inline-block;
    margin-right:10px;
    position:relative;
    top:-3px;
}
.main .gallery-item {
    float: left;
}
.main .gallery-item .thumb {
    margin: 0.05em;
}
.main .gallery-item {
    margin 2px;
}
.main .gallery-item img {
    border: none;
    vertical-align: middle;
}
.bypostauthor {
    width: 100%;
}
.gallery {
    margin-bottom: 50px;
    clear: both;
    position: relative;
}
.main.thin .gallery, .vc-container.thin .gallery {
    margin-left:-80px;
    margin-right:-80px;
}
.gallery:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0
}
.gallery-item {
    float: left;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}
.gallery-item img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    width: 14.285%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    width: 11.111%;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}
.gallery-caption {
    background-color: rgba(33, 34, 37, 0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    padding: 8px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}
.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gallery-item:hover .gallery-caption {
    opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

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

/* ----------------------------------------------------------------------
  6. Layout and Content
/* ---------------------------------------------------------------------- */

/* 6.1 Container
 ------------------------------ */
.container {
    width: 1090px;
    margin: 0 auto;
    position: relative;
}
.container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.container.full-width {
    width: 100%;
}

/* 6.2 Visual Composer Container
 ------------------------------ */
.vc-container {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}
.vc-container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.vc-container.full-width {
    width: 100%;
}
.vc-container.thin {
    width: 780px;
}
.main.vc {
    width: 100%;
    overflow: hidden;
}

/* 6.3 Columns
 ------------------------------ */
.col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
    float: left;
    margin-right: 50px;
}
.col-1-1 {
    width: 100%;
}
.col-1-2 {
    width: 520px;
}
.col-1-3 {
    width: 330px;
}
.col-1-4 {
    width: 235px;
}
.col-1-5 {
    width: 178px;
}
.col-2-3 {
    width: 710px;
}
.col-3-4 {
    width: 805px;
}
.center-col {
    margin: 0 auto;
    float: none;
}

/* Helpers */
.last {
    margin-right: 0px !important;
}
.row {
    margin-bottom: 40px;
    clear: both;
    position: relative;
    z-index: 1
}
.row:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* 6.4 Flexible columns
 ------------------------------ */
.flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 {
    float: left;
}
.flex-col-1-1 {
    width: 100%;
}
.flex-col-1-2 {
    width: 50%;
}
.flex-col-1-3 {
    width: 33.33%;
}
.flex-col-1-4 {
    width: 25%
}
.flex-col-1-5 {
    width: 20%
}

/* 6.5 Masonry Grid
 ------------------------------------ */
.masonry {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.masonry-item {
    float: left;
    margin-bottom: 0;
    padding: 15px;
}
.masonry.no-gap .masonry-item {
    padding: 0.04em;
}

.masonry.masonry-list {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.masonry.masonry-list .masonry-item {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 0;
    background-color:transparent;
}

.masonry-item {
    background: #0B0B0C;
}
.masonry-anim .masonry-item {
    overflow: hidden;
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0;
}
.masonry-anim .masonry-item:after {
    content: '';
    z-index: 100;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    top: -1%;
    height: 102%;
    display: block;
    visibility: visible;
    background: #0B0B0C;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%)
}
.masonry-anim .masonry-item--appear {
      -webkit-transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
    transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
    transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s;
    transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.masonry-anim .masonry-item--appear:after {
    -webkit-transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
    transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
    transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s;
    transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
}
.masonry-anim .masonry-item--hide {
    transition: opacity .3s linear;
    opacity: 0;
}
.vc_row_default .masonry, .vc_row_full_stretch_no_spaces .masonry, .vc_row_full_stretch .masonry, .full-width .masonry {
}
.masonry-item-1-5 {
    width: 20%
}
.masonry-item-1-4 {
    width: 25%
}
.masonry-item-1-3 {
    width: 33.33%;
}
.masonry-item-1-2 {
    width: 50%
}
.full-width .masonry-item-1-5, .full-width .masonry-item-1-4, .full-width .masonry-item-1-3, .full-width .masonry-item-1-2 {
    width: 25%
}

/* 6.6 Main
 ------------------------------ */
.main {
    width: 780px;
}
.main:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0
}
.main.main-right {
    float: right;
    margin-left: 50px;
}
.main.main-left {
    float: left;
    margin-right: 50px;
}
.main.wide {
    width: 100%;
    /* overflow: hidden; */
}
.main.thin {
    margin: 0 auto;
}
.main article:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.main article:last-child {
    margin-bottom: 0px
}

/* 7.7 Sidebar
 ------------------------------ */
.sidebar {
    opacity:0.6;
    width: 260px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.sidebar:hover {
    opacity:1;
}
.sidebar.slidebar {
    width: 100%
}
.sidebar.main-left {
    float: right;
}
.sidebar.main-right {
    float: left;
}

/* 7.8 Slidebar
 ------------------------------ */
#slidebar {
    width: 400px;
    background-color: #0B0B0C;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 70px 30px 30px 30px;
    z-index: 100001;
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    transform: translateX(400px);
    border-left:1px solid #222326;
    -webkit-box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.90);
    -moz-box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.90);
    box-shadow: inset 14px 0px 20px -12px rgba(0, 0, 0, 0.90);
}

/* Anim */
#slidebar, #ajax-container, #footer-container, #header {
    -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
body.slidebar-visible #slidebar {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
body.slidebar-visible #ajax-container, body.slidebar-visible #footer-container, body.slidebar-visible #header {
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    transform: translateX(-400px);
}

#slidebar .slidebar-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 0;
    background-size: cover;
}
#slidebar-wrap {
    position: absolute;
    top: 60px;
    bottom: 60px;
    right: 30px;
    left: 30px;
}
#slidebar-content {
    position: relative;
    max-height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
#slidebar-content::-webkit-scrollbar { 
    display: none;  
}

/* Scroll styles */
#slidebar .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 10;
    width: 4px;
    bottom: 2px;
    top: 2px;
    right: -18px;
    overflow: hidden;
}
#slidebar .iScrollVerticalScrollbar.iScrollBothScrollbars {
    bottom: 18px;
}
#slidebar .iScrollIndicator {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    opacity: 0.05;
    cursor: pointer;
}
#slidebar:hover .iScrollIndicator {
    opacity: 0.1;
}
#slidebar .iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
}

/* Layer */
#slidebar-layer {
    background-color: rgba(23, 23, 25, 0.85);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 100000;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer;
     -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
body.slidebar-visible #slidebar-layer {
    opacity: 1;
    width: auto;
    height: auto;
}

/* Search */
#slidebar-search {
    display: block;
    width: 100%;
    z-index: 3;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    overflow: hidden;
    margin-bottom: 30px;
}

/* Image */
#slidebar-site-image {
    text-align:center;
}
#slidebar-site-image > img {
    display:inline-block;
    margin:0px 0 20px;
}

/* Close button */
#slidebar a#slidebar-close {
    font-weight: 300;
    position:absolute;
    right: 30px;
    top: 16px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:100%;
    opacity: 0.8;
    /* background-color: #0B0B0C; */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 100;
}
#slidebar a#slidebar-close:hover {
     -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity:1
}
#slidebar a#slidebar-close:after,
#slidebar a#slidebar-close:before {
    content:"";
    position:absolute;
    width:40px;
    height:3px;
    background-color:#fff;
    top:19px;
    left:0;
}
#slidebar a#slidebar-close:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#slidebar a#slidebar-close:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 6.9 Ajax container and #page
 ------------------------------ */
#ajax-container {
    position: relative;
    z-index: 3;
}

/* Page */
#page { 
    margin: 100px 0;
}
#page.no-margin { margin: 0; }

/* Animated elements */
#upcoming-event .anim-css,
#page .anim-css { 
    /*visibility:  hidden; */
    opacity: 0;
    -webkit-transform: translate(0px, 50px);
    -moz-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
}

/* 6.10 Ajax loading layer
 ------------------------------ */

#WPAjaxLoader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 99999999;
    background: #000;
    opacity: 0;
}
#WPAjaxLoader.show-layer {
    opacity: 1;
}

#WPAjaxLoader.hide-layer {
    opacity: 0;
}

/* Custom loading */
#loading-layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 99999999;
    background: #000;
    opacity: 0;
}
#loading-layer.show-layer {
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}

#loading-layer.hide-layer {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}

/* Ajax Spinner */
.ajax-loader {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: 20px;
}

/* Custom loader */
.my-custom-loader {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    color:#fff;
    -webkit-transform: translateX(-50%) translatey(-50%);
    -moz-transform: translateX(-50%) translatey(-50%);
    transform: translateX(-50%) translatey(-50%);
}

/* Spinner
 ------------------------------ */
.ajax-loader {
  width: 40px;
  height: 40px;
  background-color: #E82561;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

/* ----------------------------------------------------------------------
  7. Header
/* ---------------------------------------------------------------------- */
#header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 901;
    -webkit-transition: background-color .3s ease, opacity .3s ease, color .3s ease, top .3s ease-in-out, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background-color .3s ease, opacity .3s ease, color .3s ease, top .3s ease-in-out, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: background-color .3s ease, opacity .3s ease, color .3s ease, top .3s ease-in-out, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
#header .container {
    width:100%;
    padding: 0 30px 0 30px;
}
#site #header:not(.always-show-header).hide-header {
    top:-80px;
}
#header.show-bg {
    background-color: #0B0B0C;
    min-height: 72px;
}

/* Admin bar */
.admin-bar #header {
    top: 32px;
}

/* 7.1 Logo
 ------------------------------ */
#logo {
    display: inline-block;
    float: left;
    margin-right: 30px;
}
#logo img {
    margin: 0;
    vertical-align: middle;
}
#logo:hover {
    opacity: 0.5
}

#header.show-bg .is-logo-alt .logo-img-alt {
    display: inline-block;
}
#header.show-bg .is-logo-alt .logo-img {
    display: none;
}
#header .is-logo-alt .logo-img-alt {
    display: none;
}
#header .is-logo-alt .logo-img {
    display: inline-block;
}

/* 7.2 Menu Trigger Button
 ------------------------------ */
#menu-trigger {
    display: block;
    width: 40px;
    height: 50px;
    background-color: transparent;
    z-index: 9999;
    position: relative;
}
#menu-trigger .icon {
    display: inline-block;
    width: 28px;
    height: 3px;
    position: relative;
    left: 4px;
    top: 3px;
    background: #fff;
    margin: 10px 0;
}
#menu-trigger .icon:before, #menu-trigger .icon:after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    background-color:#fff;
}
#menu-trigger .icon:before {
    top: -8px;
}
#menu-trigger .icon:after {
    top: 8px;
}

body.slidebar-visible #menu-trigger span {
    background: none;
}
body.slidebar-visible #menu-trigger span:before {
    top: 0 !important;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
body.slidebar-visible #menu-trigger span:after {
    top: 0 !important;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
body.slidebar-visible #menu-trigger.menu-text {
    color: #fff;
}
#menu-trigger:hover span:before {
    top: -8px;
}
#menu-trigger:hover span:after {
    top: 8px;
}

/* Animations */
#menu-trigger .icon, #menu-trigger .icon:before, #menu-trigger .icon:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* ----------------------------------------------------------------------
    8. Navigation
/* ---------------------------------------------------------------------- */

/* 8.1 Main Navigation
 ------------------------------ */
#nav {
    float: right;
    z-index: 100;
    margin-top: 0px;
}
#nav > ul {
    margin-bottom: 0;
}
#nav li {
    list-style: none;
    float: left;
    margin: 0;
    position: relative;
}
#nav a {
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 13px 15px;
    line-height: 48px;
    position: relative;
    text-align: center;
    /* text-transform: uppercase; */
    z-index: 98;
    font-weight: 400;
    /* opacity: 0.95; */
    letter-spacing: 0.04em;
    text-transform:uppercase
}
#header.dark #nav a {
    color: #222;
}
#nav a:hover {
    opacity: 1
}
#nav .active > a,
#nav .current > a, 
#nav .current-menu-item > a,
#nav a:hover { 
    background-color: #eee;
    background-color: rgba(255,255,255,0.1);
}
#nav li.menu-item-has-children > a:after {
    font-family: "icomoon";
    content: "\f107";
    display: inline-block;
    margin-left: 10px;
    line-height: normal;
    opacity: 0.7;
}
#nav ul ul li.menu-item-has-children > a:after {
    content: "\f105";
}

/* Sub nav */
 #nav ul ul {
   -webkit-transition: margin 0.3s ease;
    -moz-transition: margin 0.3s ease;
    transition: margin 0.3s ease;
}
#nav ul ul {
    background: rgba(69,71,75,0.9);
    visibility: hidden;
    left: 0;
    padding: 0;
    position: absolute;
    width: 220px;
    z-index: 300;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity= 0);
}
#nav ul ul ul { background: rgba(69,71,75,0.9); }
#nav ul ul.show-list {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity= 100);
    margin-top: 0px;
}

#nav ul ul li {
        float: none;
        border-bottom: 1px dotted #57575A;
    }
    #nav ul ul li:last-child {
        border-bottom: none;
    }

#nav ul ul a {
            color: #eee;
            display: block;
            font-size: 14px;
            letter-spacing: 0;
            padding: 16px 20px !important;
            text-align: left;
            line-height: normal;
            font-weight:400
        }

#nav ul ul a:hover, #nav ul ul .hover > a, #nav ul ul .current > a, #nav ul ul .current > a:hover, #nav ul ul a.selected {
                background: #E82561;
                color: #fff;
            }

/* Dropdown */
#nav ul ul ul {
    left: 100% !important;
    top: 0 !important;
}
body #nav ul li > .edge {
    right: 100% !important;
    left: -100% !important;
}
body #nav ul .edge {
    right: 100% !important;
    left: auto !important;
}

/* Main Nav */
#main-nav {
    margin-bottom: 30px
}
#main-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: 400;
}
#main-nav ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}
#main-nav ul li a {
    width: 100%;
    display: inline-block;
    padding: 6px 10px 6px 0;
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#main-nav ul li a {
}
#main-nav ul li a:hover {
    opacity: 1;
    margin-left: 5px;
}
#main-nav ul {
}
#main-nav > ul > li:last-child a {
    border: none;
}
#main-nav ul ul {
    display: none
}
#main-nav ul li a {
    font-size: 15px;
    font-weight:400;
    /* text-transform: uppercase; */
    line-height: normal;
    text-transform:uppercase;
    /* border-bottom: 1px solid rgba(255,255,255,0.1); */
}
#main-nav ul li li a {
    padding-left: 10px;
    opacity: 0.8;
}
#main-nav ul li li li a {
    padding-left: 20px;
    opacity: 0.4
}
#main-nav ul li li li li a {
    padding-left: 30px;
    opacity: 0.4
}
#main-nav ul li i {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 18px;
    line-height:0;
    cursor: pointer;
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 0.18);
    padding: 15px 15px;
}
#main-nav ul li i:before {
    display:inline-block;
    position:relative;
    right:5px;
}
#main-nav ul li i:hover {
    opacity: 1;
}
#main-nav ul li li i {
    opacity: 0.8
}
#main-nav ul li li li i {
    opacity: 0.7
}
#main-nav ul li li li li i {
    opacity: 0.6
}

/* Responsive */
#main-nav .top-nav-el {
    display: none;
}

/* Social Nav */
#social-nav {
    float:right;
    margin-left: 5px;
    margin-top:26px;
    font-size:16px;
}
#social-nav span {
     color:#fff;
}
#social-nav a {
    margin:0 2px;
}
#social-nav a:hover {
    opacity:0.7
}

/* Icon Nav */
#icon-nav {
    float:right;
    margin-left: 5px;
    margin-top:24px;
    font-size:25px;
}
#icon-nav > .icon-nav-item {
    float: right;
    position: relative;
    margin-left: 20px;
}
#icon-nav #shop-link {
    font-size:25px;
    font-weight:normal;
}
#icon-nav span {
    color:#fff;
}
#icon-nav #shop-link .shop-items-count {
    position:absolute;
    top:-4px;
    right:-4px;
    font-size: 10px;
    padding:2px 4px;
    border-radius:100%;
    background-color:#E82561;
    color:#fff;
    display:inline-block;
    min-width: 15px;
    text-align:center;
    min-height: 15px;
}

/* ----------------------------------------------------------------------
    9. Paging Navigation
/* ---------------------------------------------------------------------- */

/* Nav links */
.nav-links {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    overflow: hidden;
    margin-top: 60px;
    border-top:1px solid rgba(255,255,255,0.06)
}
#content.vc .nav-links {
    margin-top: 0;
}
.post-navigation, .image-navigation {
    margin-bottom: -80px;
    overflow: hidden;
}
#content.vc > .post-navigation {
    margin-bottom: -1px;
    padding-top: 0px;
    position: relative;
}
.post-navigation a {
    padding: 30px 10px;
    width: 100%;
    position: relative;
}
.post-navigation .nav-label {
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: 600;
    display: inline-block;
    opacity: 1;
    letter-spacing: 0.07em;
}
.post-navigation a:hover {
    background-color:#E82561;
}
.post-navigation a:hover .nav-label {
    opacity:1
}
.post-navigation .attachment-post-link {
    text-align: center;
}
.post-navigation .attachment-post-link a {
    color: #222
}
.post-navigation a, .image-navigation a {
    display: inline-block;
    line-height: 1.7142857142;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    letter-spacing: 0.04em;
    text-align:center;
    background-color: #131315;
    vertical-align: middle;
    text-align: center;
}
.post-navigation a.prev-link {
}
.post-navigation a.next-link {
}
.post-navigation .post-nav-inner.link-full a {
    text-align:center;
}
.post-navigation a.prev-link .nav-label:before, .post-navigation a.next-link .nav-label:after {
    font-family: "icomoon";
    display: inline-block;
    line-height: 38px;
    color: #fff;
    position: relative;
    font-size: 31px;
    vertical-align: middle;
    top: -2px
}
.post-navigation a.prev-link .nav-label:before {
    margin-right: 15px;
    content: "\f104";
}
.post-navigation a.next-link .nav-label:after {
    margin-left: 15px;
    content: "\f105";
}

.post-navigation .post-nav-inner {
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
}
.post-navigation .post-nav-inner.link-full {
    width:100%;
}
.post-navigation .post-nav-inner.link-empty {
    width:0px;
}
.post-navigation a.prev-link {
    border-right: 1px solid rgba(255,255,255,0.03);
}
.post-navigation .post-nav-inner.link-empty a.prev-link {
    border-right:none;
}
.post-nav-preview {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius:100%;
    background-color: #333;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    vertical-align: middle;
    margin: 0 15px;
    display: none;
}
.post-navigation a:hover .post-nav-preview {
    opacity: 1;
    filter: none;
  -webkit-filter: grayscale(0);
}

/* Paging Navigation */
.paging-navigation {
    margin: 20px 0 0px 0;
}
.main .paging-navigation {
    position: relative;
    top: -20px;
}
.paging-navigation .loop-pagination {
    text-align: center;
}
.paging-navigation .page-numbers {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    margin-right: 0;
    text-transform: uppercase;
    border: none;
    margin: 0 6px;
    font-weight: 300;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    border: 1px solid #1D1D1F;
}
.prev.page-numbers, .next.page-numbers {
    display: none
}
.paging-navigation a {
    color: #fff;
}
.paging-navigation .page-numbers.current,.paging-navigation a:hover {
    color: #FFF;
    background: #1D1D1F;
}

/* Page Navigation */
.page-nav {
    position: relative;
    height: 80px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    position: relative;
    z-index: 1;
    font-size: 24px;
}
.page-nav a span {
    color: #999;
}
.page-nav a:hover span {
    color: #eee;
}

/* Arrows */
.page-nav .prev-button, .page-nav .next-button {
    position: absolute;
    display: block;
    top: 24px;
    height: 31px;
}
.page-nav .prev-button {
    left: 20px;
}
.page-nav .next-button {
    right: 20px;
}
.page-nav .disabled span, .page-nav .disabled:hover span {
    opacity: 0.3;
    color: #999;
}

/* Page Navigation */
.page-navigation {
    overflow: hidden;
    margin-top: 0px;
}
.page-navigation .left {
    padding: 0 1px 2px 0;
}
.page-navigation .right {
    padding: 0 0 2px 1px;
}
.page-navigation .next, .page-navigation .prev {
    display: inline-block;
    width: 100%;
    background-color: #f2f2f2;
    text-align: center;
    padding: 30px 0;
    color: #666;
    font-size: 18px;
    text-transform: uppercase;
}
.page-navigation .next i, .page-navigation .prev i {
    color: #666;
    font-size: 16px;
    margin: 0 8px;
}
.page-navigation .next:hover, .page-navigation .prev:hover {
    background-color: #222;
    color: #fff;
}
.page-navigation .next:hover i, .page-navigation .prev:hover i {
    color: #fff;
}

/* Page links */
.page-links {
    margin-top: 20px;
    clear:both;
}

/* ----------------------------------------------------------------------
    10. Posts
/* ---------------------------------------------------------------------- */

/* Blog article */
.blog-grid .blog-article,
.blog-classic .blog-article {
    width: 100%;
    padding: 24px;
    margin-bottom: 0;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #0F0F10;
    /* color: #e3e3e3; */
}
.blog-classic .blog-article {
    margin-bottom:50px
}
.blog-grid .blog-article {
    margin-bottom:0;
}
.article-header {
    text-align: left;
}

/* Title */
.article-title, .article-title a {
    color: #fff;
    font-size: 32px;
    margin-bottom: 13px;
    text-align: left;
}
.blog-grid .article-title, .blog-grid .article-title a {
    font-size: 22px;
}

/* Meta */

/* Categories */
.meta-cats {
    margin-bottom:4px;
    display:inline-block;
}
.meta-cats a {
    border-radius: 999em;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-weight: 400;
    -webkit-transition:all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color: #fff;
    background-color: #E82561;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 1px 10px;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:0.02em;
    margin-bottom:8px;
    display:inline-block;
}
.meta-cats a:hover {
    background-color:#eee;
    color:#222;
}

/* Meta Top */
.meta-top {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top:10px;
    font-size: 13px;
    display: table;
    min-height: 50px;
}
.caption-bottom > .meta-top {
    border:0;
    padding-top:0;
    top:-5px;
    position:relative;
    margin-bottom:0
}
.meta-col {
    display: table-cell;
    vertical-align: middle;
}
.meta-col:not(:first-child) {
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 20px;
}
.caption-bottom .meta-col:not(:first-child) {
    border-left: 1px solid rgba(255,255,255,0.2);
}
.meta-top .meta-col:last-child {
    text-align:right;
    border-left:0;
}
.blog-grid .meta-top .meta-col:last-child {
    display:none;
}
.meta-col .meta-date, .meta-col .meta-comments {
    display:inline-block;
}

/* Author */
.meta-author-image, .meta-author {
    vertical-align: middle;
    padding-right: 10px;
    display: table-cell;
}
    .meta-author-image > img {
        vertical-align: middle;
        max-width: initial;
        border-radius:100%;
    }
    .meta-author > .author-name {
        font-weight: 300;
        text-transform: uppercase;
    }
    .intro .meta-author > .author-name {
        font-weight:400
    }

/* Comments */
.meta-col .meta-comments a {
    background-color: #E82561;
    min-width:40px;
    border-radius: 4px;
    position: relative;
    top: 0px;
    left: 0;
    display:inline-block;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:600
}
.meta-col .meta-comments a:after {
    border: 6px solid #E82561;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -6px;
    right: 5px;
    content: "";
    display:inline-block;
}
.meta-col .meta-comments .icon {
    color:#666;
    font-size:18px
}

/* Date */
.meta-col .meta-date {
    font-weight: 300;
    color:#999;
    color: rgba(255,255,255,1);
}
.intro .meta-col .meta-date,
.intro .meta-author > .author-name {
    font-size:16px;
}

/* Meta Bottom */
.meta-bottom {
    width: 100%;
    text-align: left;
    margin-top: 60px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top:10px;
    padding-bottom:10px;
    font-size: 13px;
    display: table;
    min-height: 50px;
}

/* Tags */
.meta-tags-title {
    display:block;
    font-size:13px;
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:5px;
    color:#666;
}
.meta-tags {
    display: inline-block;
}
.meta-tags a {
    color: #999;
    border: 1px solid #555;
    padding: 4px 12px;
    margin: 0 5px 5px 0;
    letter-spacing: 0.1em;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.0em;
    font-weight:400;
    border-radius: 999em;
     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.meta-tags a:hover {
    color: #fff;
    border-color:transparent;
    background-color:#E82561;
}
.meta-tags a:before { 
  content: "#"
}

/* Share */
.meta-share-title {
    display:block;
    font-size:13px;
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:5px;
    color:#666;
}

.share-buttons {}

.share-buttons-vc {
    margin:0;
    border:0;
    padding: 0;
}
.share-buttons .fb-share-btn:hover {
    background-color: #4769A5;
}
.share-buttons .twitter-share-btn:hover {
    background-color: #65CCEF;
}
.share-buttons .gplus-share-btn:hover {
    background-color: #bf3727;
}
.share-buttons .linkedin-share-btn:hover {
    background-color: #278cc0;
}

/* Media / Post Formats */
.article-media, .article-media-search {
    margin-left: -24px;
    margin-right:-24px;
}
.article-media.sc-iframe {
    margin-bottom:20px;
}
.article-media.sc-audio {
    margin-bottom: 30px;
}
.article-media.sc-iframe iframe {
    margin-bottom:0;
}
.single-post .article-media {
    margin-left: -80px;
    margin-right:-80px;
    margin-bottom: 30px;
}
.main-left .article-media {
    margin-left:0;
    margin-right:0;
}
.article-media.content-image, .article-media.content-video {
    margin-bottom: 30px;
}
.article-media.content-video .video {
    margin-bottom: 0px;
}
.article-media img {
    vertical-align: middle;
    width: 100%;
}
.article-media.featured-image img {
    vertical-align: middle;
    width: auto;
    width: 100%;
}
.format-quote .quote-text {
    margin-bottom:0px;
    font-size: 18px;
    color: #fff;
    font-style:italic;
    text-align: left;
    line-height:170%;
    font-weight: 400;
}
.format-quote .quote-text cite, .format-quote .quote-text cite a {
    color:#E82561;
    font-size: 17px;
    text-align: left;
    margin-top: 5px;
}
.single-format-quote .article-media {
    text-align:center;
    background-color: #292A2D;
    margin-bottom:30px;
}
.single-format-quote .quote-text {
    font-size: 20px;
}
.format-link .article-media,
.format-quote .article-media {
    padding: 24px;
}
.single-format-link .article-media {
    text-align:center;
    background-color: #292A2D;
    margin-bottom:30px;
}

.classic-grid .format-quote .article-media,
.blog-grid .format-quote .article-media,
.classic-grid .format-link .article-media,
.blog-grid .format-link .article-media {
    background-color: #292A2D;
    margin-bottom:20px
}
.article-media .pf-link {
    font-size: 20px;
    display: inline-block;
    font-weight:600

}
.article-media .pf-link:before {
    content: "\e64e";
    font-family: "icomoon";
    margin-right: 5px;
    font-weight:300;
    font-size: 16px;
}

/* Article Content */
.article-content {
    text-align: left;
}
.blog-grid .article-content p {
    margin-bottom:0
}
.blog-classic .article-content p {
    margin-bottom: 20px;
}

/* More Link */
.more-link, .more-link-excerpt {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin-top: 0px;
    margin-top: 10px;
    color: #E82561;
    text-transform:uppercase;
    /* letter-spacing:0.1em; */
    font-weight: 700;
}
.more-link:hover, .more-link-excerpt:hover {
    color: #eee;
}

/* ----------------------------------------------------------------------
    11. Intro Section
/* ---------------------------------------------------------------------- */
.intro {
    position: relative;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: transparent url(images/bg.png) left top no-repeat;
}
.intro-resize {
    visibility: hidden;
    height: 1080px;
}
.intro.quick-scroll {
    z-index:20;
}
.intro.intro-disabled {
    min-height: 150px;
    background: transparent;
}
.intro-page-title {
    background-size: cover;
}
.intro-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    min-height: inherit;
}
.intro.intro-image-zoom {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

/* Overlays
 ------------------------------ */
.intro .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat;
    z-index: 2;
    display: block;
    background-color: transparent;
    opacity: 0.5;
}
.intro.anim-css .overlay {
    opacity: 0;
}

/* Overlay Noise */
.intro .overlay.noise {
    background: transparent url(images/overlay-noise.gif) left top repeat;
    opacity: 0.04;
}

/* Overlay Grid */
.intro .overlay.grid {
    background: transparent url(images/overlay-grid.png) left top repeat;
    opacity: 0.8;
}

/* Overlay Dots */
.intro .overlay.dots {
    background: transparent url(images/overlay-dots.png) left top repeat;
    opacity: 1;
}

/* Video Loader
 ------------------------------ */
.video-loader {
    position: absolute;
    display: block;
    z-index: 3;
    opacity: 0.8;
    top:50%;
    left:50%;
    margin-left: -20px;
    -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}

/* Parallax
 ------------------------------ */
.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* Stretch background */
.parallax.stretch {
    background-size: cover;
}

/* Resize image / Intro image / Slider / Youtube Background
 ------------------------------ */
.intro-slider {
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}
.content-slider.intro-slider {
    margin-bottom:0;
}
.resize-image, .intro-image, .intro-youtube {
    position: relative;
}
/* Youtube */
.intro-image, .intro-youtube {
    min-height: 600px;
}
.image-video {
    z-index: 10;
}
.intro-youtube .image-video {
    background-size:cover;
}
.image-video.loaded { 
    background: transparent !important;
}
.image-video .video-loader {
    display: none;
}
.image-video.desktop-video .video-loader {
    display: block;
}
.image-video.desktop-video.loaded .video-loader {
    display: none;
}
.ytplayer-container {
     position: absolute;
     top: 0;
     z-index: -1;
     opacity: 0;
}
.image-video.desktop-video.loaded .ytplayer-container {
    opacity: 1;
}

/* Page title */
.intro-page-title {
    min-height: 500px;
}

/* Intro slider */
.intro-image .carousel-slider {
    margin-bottom: 0;
}
.intro-image .carousel-slider, .intro-image .carousel-slider .slide {
    min-height: 600px;
}

/* Image */
.intro-image .image, .intro-slider .image, .intro-slider .image-video, .resize-image .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Captions / Titles
 ------------------------------ */
.intro-captions, .intro-content {
    position: absolute;
    left: 0;
    bottom:40px;
    z-index: 6;
    width: 100%;
    text-align: left;
}
.intro.anim-css .intro-captions {
    opacity: 0;
}
.intro-content {
    left: 50%;
}
.intro-full-content .intro-content {
    left:0;
    position: relative;
     top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.intro-captions .caption-title, .intro-page-title .content-title {
    color: #fff;
    margin-bottom: 0;
    width: 100%;
    display: block;
    margin-top: 0px;
    font-size: 56px;:0.01em*/
    line-height: 120%;
    line-height: 110%;
}
.intro-captions .caption-subtitle, .intro-page-title .page-subtitle {
    color: #fff;
    font-size: 30px;
    margin-bottom: 0px;
    padding: 0px 0px;
    display: block;
    font-weight: 300;
    letter-spacing: 0;
}
.intro-captions .caption-subtitle a {
    color:#fff;
}
.intro-captions a, 
.intro-captions .caption-button a {
    margin: 30px 8px 0;
}

/* Divider */
.caption-divider-wrapper {
    width:100%;
}
.caption-divider {
    background: rgba(255,255,255,0.2);
    width: 100%;
    margin-top:15px;
    margin-bottom:15px
}

/* Captions fullscreen */
.intro-resize .intro-captions {
   position: absolute;
   left: 0px;
   top: 50%;
   z-index: 6;
   width:100%;
   bottom: auto;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}
.intro-resize .intro-captions.left .caption-title,
.intro-resize .intro-captions.left .caption-subtitle,
.intro-resize .intro-captions.left .caption-divider-wrapper {
    width:50%;
}
.intro-resize .intro-captions.center {
    text-align:center;
}
.intro-resize .intro-captions.center .caption-divider-wrapper { 
    width:100px;
    margin-left: auto;
    margin-right: auto;
}
.intro-resize .intro-captions.center .caption-divider {
    margin-left: auto;
    margin-right: auto;
    height: 2px;
    background: rgba(255,255,255,0.5);
}

/* Page Title */
.intro-page-title .intro-captions .caption-subtitle.meta-caption {
    top: 0px;
    font-size: 14px;
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    opacity: 0.9;
    font-weight: 400;
}
.intro-page-title .intro-captions {
    position:relative;
    top:0;
    padding-top: 320px;
    padding-bottom: 40px;
}

/* Scroll Icon
 ------------------------------ */
.scroll-anim-button {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -33px;
    z-index: 3;
    opacity: 0.6;
    transition: opacity .4s;
}
.scroll-anim-button:hover {
    
    opacity: 1 !important;
}
    .scroll-anim-button > .scroll {
        color: #FFF;
        display: block;
        font-size: 42px;
        width: 16px;
        height: 30px;
        border: 2px solid #FFF;
        position: relative;
        margin: 0 auto 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-animation: scroll_anim 5s infinite 6s ease-in;
        -moz-animation: scroll_anim 5s infinite 6s ease-in;
        animation: scroll_anim 5s infinite 6s ease-in;
    }
    .scroll-anim-button > .scroll:before {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        width: 2px;
        height: 4px;
        background: #fff;
        left: 50%;
        margin-left: -1px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    .scroll-anim-button > .scroll-text {
        font-size: 12px;
        text-align: center;
        float: left;
        color: #fff;
        font-style: italic;
        letter-spacing: 1px;
    }
@-webkit-keyframes scroll_anim {
    0%, 100%, 16%, 28% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    22%,
    8% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}
@keyframes scroll_anim {
    0%, 100%, 16%, 28% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    22%,
    8% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

/* Intro Map
------------------------------ */
.intro-map {
    background-color: #1B1C1F;
    height: 600px;
    position: relative;
    width: 100%;
}

/* Custom Content / Tag intro
------------------------------ */
.intro-custom-content {
    padding: 180px 0;
    background-color: #B6B9BD;
}
.tag-intro {
    padding: 150px 0;
    background: #B6B9BD;
}
.tag-intro .sub-heading, .intro-page-title .sub-heading {
    top: 0;
}

/* Intro Tabs
------------------------------ */
.intro-tabs-wrap {
    width:100%;
    background-color: rgba(33, 33, 37, 0.8);
    z-index:2;
    position:relative;
}

.intro-tabs-wrap a {
    display:inline-block;
    padding: 12px 0;
    margin:0 15px;
    color:rgba(255,255,255,0.8);
    font-size: 16px;
    font-weight: 600;
    border-bottom:3px solid transparent;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.intro-tabs-wrap a:hover, .intro-tabs-wrap.intro-tabs-before-init a:first-child, .intro-tabs-wrap a.active {
    border-bottom:3px solid #E82561;
    color:#fff;
}

/* Artist Profile
------------------------------ */

/* Page title */
.intro-page-title.intro-artist-profile {
    min-height: 200px;
}
.intro-artist-profile .intro-captions {
    padding-top: 320px;
    padding-bottom: 60px;
}

.intro-artist-profile .profile-image {
    display:inline-block;
    border-radius:100%;
    overflow:hidden;
    width:200px;
    height:200px;
    position:absolute;
    left:0;
    top:-30px;
}
.intro-artist-profile .profile-content {
    padding-left:220px;
}
.profile-content .circle-btn {
    border:1px solid rgba(255,255,255,0.4)
}
.profile-content .circle-btn span {
    color: rgba(255,255,255,0.6)
}
.profile-content .btn, .profile-content .btn.stamp-btn {
    border-width: 1px;
    border-color: rgba(255,255,255,0.5);
    padding:10px 20px;
    font-size:14px;
}

.profile-content .btn.btn-icon .icon {
    padding: 12px;
}
.profile-content .btn.btn-icon:hover .icon {
    color:#222;
}

/* Single Event
------------------------------ */
.event-start-date {
    font-size:28px;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:0;
    padding-right: 20px;
    letter-spacing: 0;
}

/* Countdown */
.countdown {
    display:inline-block;
    vertical-align:middle;
    margin-top:15px
}
.countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
    position: relative;
    display: inline-block;
    font-size: 70px;
    font-weight: bold;
    line-height:50%;
    padding:0 4px;
}
.countdown .days, .dark-bg .countdown .days,
.countdown .days, .dark-bg .countdown .days {
    color: rgba(255,255,255,0.5);
}
.countdown .hours, .dark-bg .countdown .hours {
    color: rgba(255,255,255,0.6);
}
.countdown .minutes, .dark-bg .countdown .minutes {
    color: rgba(255,255,255,0.7);
}
.countdown .seconds, .dark-bg .countdown .seconds{
    color: rgba(255,255,255,9);
}

.countdown .days:after, 
.countdown .hours:after, 
.countdown .minutes:after, 
.countdown .seconds:after,
.dark-bg .countdown .days:after, 
.dark-bg .countdown .hours:after, 
.dark-bg .countdown .minutes:after, 
.dark-bg .countdown .seconds:after {
    content: attr(data-label);
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    text-align:center;
    color: rgba(255,255,255,0.4);
    text-align: center;
    margin-top:4px;
}

/* Module */
.dark-bg .event-countdown.compact,
.event-countdown.compact {
    border: 1px solid rgba(255,255,255,0.1);
    border-radius:5px;
    padding:20px;
    margin-bottom: 20px;
}
.event-countdown.compact .upcoming-title {
    font-size: 24px;
    margin-bottom:0;
    text-transform: uppercase;
}
.dark-bg .event-countdown.compact .upcoming-title { 
    color:#fff
}
.event-countdown.compact .upcoming-locations {
   font-size: 18px;
   margin-bottom:0;
   opacity: 0.6;
   font-weight: 300;
}
.dark-bg .event-countdown.compact .upcoming-locations {
    color:#fff;
}
.dark-bg .event-countdown.compact .days {
    color: rgba(255,255,255,0.5);
}
.dark-bg .event-countdown.compact .hours {
    color: rgba(255,255,255,0.6);
}
.dark-bg .event-countdown.compact .minutes{
    color: rgba(255,255,255,0.7);
}
.dark-bg .event-countdown.compact .seconds {
    color: rgba(255,255,255,9);
}

.dark-bg .event-countdown.compact .days:after,
.dark-bg .event-countdown.compact .hours:after,
.dark-bg .event-countdown.compact .minutes:after,
.dark-bg .event-countdown.compact .seconds:after {
    color: rgba(255,255,255,0.4);
}

/* Big */
.event-countdown.big {
    text-align:center;
}
.event-countdown.big .upcoming-title {
    font-size:50px;
    margin-bottom:0;
    text-transform: uppercase;
}
.dark-bg .event-countdown.big .upcoming-title {
    color:#fff;
}
.event-countdown.big .upcoming-locations {
    margin-bottom:15px;
    font-weight:400;
    opacity:0.8;
    font-size:22px;
}
.dark-bg .event-countdown.big .upcoming-locations {
    color:#fff;
}
.event-countdown.big .countdown .days, 
.event-countdown.big .countdown .hours, 
.event-countdown.big .countdown .minutes, 
.event-countdown.big .countdown .seconds {
    font-size:140px;
    margin: 0 10px;
}

.event-countdown.big .countdown .days:after, 
.event-countdown.big .countdown .hours:after, 
.event-countdown.big .countdown .minutes:after, 
.event-countdown.big .countdown .seconds:after {
    font-size:18px;
    
}

/* ----------------------------------------------------------------------
    12. Events List
/* ---------------------------------------------------------------------- */
.masonry.masonry-list .masonry-item.noisa_event_type-past-events a span {
    opacity:0.6;
}
.masonry.masonry-list .masonry-item.noisa_event_type-past-events a:hover span {
    opacity:1;
}
.masonry-list .event-li {
    width: 100%;
    display: table;
    overflow: hidden;
    position: relative;
}
.dark-bg .masonry-list .event-li {
    background-color:transparent
}
.dark-bg .masonry-list .event-li.selected,
.dark-bg .masonry-list .event-li:hover,
.masonry-list .event-li.selected,
.masonry-list .event-li:hover {
    background-color:#eee;
}

.dark-bg .masonry-list .event-li.selected .venue,
.dark-bg .masonry-list .event-li.selected .title h2,
.dark-bg .masonry-list .event-li:hover .venue,
.dark-bg .masonry-list .event-li:hover .title,
.masonry-list .event-li.selected .venue,
.masonry-list .event-li.selected .title h2,
.masonry-list .event-li:hover .venue,
.masonry-list .event-li:hover .title {
    color:#222;
}
.masonry-list .event-li.selected .date,
.masonry-list .event-li:hover .date  {
    background-color:#E82561;
}
.dark-bg .masonry-list .event-li .date,
.dark-bg .masonry-list .event-li .venue,
.dark-bg .masonry-list .event-li .title,
.masonry-list .event-li .date,
.masonry-list .event-li .venue,
.masonry-list .event-li .title {
    display: table-cell;
    padding: 20px;
    color:#fff;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    text-transform: uppercase;
}
.masonry-list .event-li .date {
    width: 30%;
    font-weight:600;
}
.masonry-list .event-li .venue {
    width: 30%;
}
.masonry-list .event-li .title {
    width: 40%;
    font-weight:400;
}
.masonry-list .past-event-label {
    display:block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    opacity: 0.7;
}

/* ----------------------------------------------------------------------
    13. Grid Elements
/* ---------------------------------------------------------------------- */

/* Media */
.grid-media, .grid-media > .thumb {
    margin-bottom: 0;
}

/* Content */
.grid-content {
    padding:18px;
    background-color: #222225;
    position:relative;
}
.grid-content:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    background-color: #E82561;
    height:0;
    z-index:0;
    transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.grid-title, .grid-title a {
    font-size: 16px;
    color: rgb(255, 255, 255);
    margin-bottom:2px;
    z-index:1;
    position:relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    /* letter-spacing: 0.02em; */
    text-transform: uppercase;
}
.grid-cats, .grid-cats a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    z-index:1;
    position:relative;
    font-weight: 300;
    text-transform:uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-cats a:hover {
    color:#E82561;
}

/* Share buttons */
.grid-share-buttons {
    padding: 4px 15px;
    background-color: #222225;
    line-height:normal;
    border-top: 1px solid #0B0B0C;
}
.grid-share-buttons a {
    display:inline-block;
    margin-right:6px;
    color:#666;
    line-height:normal;
    font-size:14px;
    vertical-align:middle;
}
.grid-share-buttons a:last-child {
    margin-right:0;
}
.grid-share-buttons a .icon {
    color:#666;
}
.grid-share-buttons a:hover .icon {
    color:#E82561;
}
.grid-share-buttons .pin-button {
    display: inline-block;
    opacity:0.4;
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.grid-share-buttons .pin-button:hover {
    opacity:1;
    filter: none;
    filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Release */
.releases-grid .masonry-item:nth-child(odd) .grid-content {
    background-color: #1E1E21;
}

/* Gallery */
.gallery-shortcode-grid,
.gallery-shortcode-images-grid {
    margin-bottom: 30px;
}
.gallery-shortcode-grid .grid-title, .gallery-grid .grid-title a,
.gallery-shortcode-grid .grid-title, .gallery-grid .grid-title a {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
}
.gallery-grid .grid-date,
.gallery-shortcode-grid .grid-date {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 1;
    line-height: normal;
}
.desc-layer .images-count {
    position:absolute;
    right:15px;
    top:15px;
    border-radius:100%;
    width:40px;
    height:40px;
    text-align:center;
    line-height:35px;
    color:#fff;
    font-size:15px;
    font-weight:400;
    border: 2px solid #fff;
}

/* Gallery - Album */
.gallery-album-image {
    padding: 0.04em;
}
.gallery-album-image .thumb {
    margin-bottom: 0;
}
.mfp-title {
    font-size:14px;
    margin-top:3px;
}
.mfp-title .pin-it {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}

/* Hover action */
.masonry-item:hover > .grid-content:after {
    height:100%;
}
.masonry-item .grid-title, .masonry-item .grid-title a, .masonry-item .grid-cats, .masonry-item .grid-cats a, .masonry-item .grid-date {
    transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.masonry-item:hover .grid-title, 
.masonry-item:hover .grid-title a{
    color: #fff;
}
.masonry-item:hover .grid-cats, 
.masonry-item:hover .grid-cats a {
    color: rgba(255,255,255,0.7);
}

/* Thumb Desc */
.dark-bg .thumb-desc ,
.thumb-desc {
    background-color: #000;
}
.thumb-desc > .desc-layer {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+36,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index:4;
    overflow: hidden;
    opacity: 0;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-desc.thumb-post-count > .desc-layer {
    opacity:1;
}
.thumb-desc .desc-details {
    position:absolute;
    left:15px;
    right: 15px;
    bottom:15px;
}
.thumb-desc > img {
     transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-desc:hover > img {
    opacity: 0.6;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.thumb-desc:hover > .desc-layer {
    opacity: 1;
}
.thumb-desc .grid-title, .thumb-desc .grid-cats, .thumb-desc .grid-date  {
   transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
   opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.thumb-desc .images-count {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
}
.thumb-desc:hover .images-count {
     -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.thumb-desc:hover .grid-title, .thumb-desc:hover .grid-cats, .thumb-desc:hover .grid-date {
     opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.thumb-desc:hover .grid-title {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.thumb-desc:hover .grid-cats, .thumb-desc:hover .grid-date {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/* Thumb Event */
.thumb-event {
    background-color: #1B1C1F;
}
.inverted .thumb-event.past-event > img {
    opacity:0.5;
}
.thumb-event > .desc-layer {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    z-index:4;
    overflow: hidden;
}
.thumb-event > img {
    opacity: 0.05;
}
.thumb-event .desc-details {
    position:absolute;
    left:15px;
    right:15px;
    top:15px;
    color:#fff;
}
.thumb-event .event-meta-top {
    margin-bottom: 10%;
}
.thumb-event .event-day {
    color: #E82561;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.thumb-event .event-day:after {
    content: " / ";
    color:#fff;
}
.thumb-event .event-locations {
    font-size: 14px;
}
.thumb-event .event-meta-bottom {
}
.thumb-event .event-date {
    font-weight: 700;
    font-size:48px;
}
.thumb-event .event-artists {
    font-size: 15px;
    opacity:0.8;
    display: block;
}
.thumb-event .grid-title {
    line-height:normal;
    margin-bottom:0;
    text-transform: uppercase;
}
.thumb-event:hover > img {
    opacity: 1;
    filter:none;
    filter: none;
    -webkit-filter: none;
}
.thumb-event .event-meta-top,
.thumb-event .event-meta-bottom,
.thumb-event > img  {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.thumb-event:hover .event-meta-top,
.thumb-event:hover .event-meta-bottom  {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.thumb-event .pill-btn {
    display: block;
    float: left;
    clear: both;
    margin-top: 10px;
}

.inverted .thumb-event > img {
    opacity: 1;
}
.inverted .thumb-event:hover > img {
    opacity: 0.05;
}
.inverted .thumb-event .event-meta-top,
.inverted .thumb-event .event-meta-bottom {
     opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.inverted .thumb-event:hover .event-meta-top,
.inverted .thumb-event:hover .event-meta-bottom {
     opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Thumb Post Count */
.thumb-post-count {}
.thumb-post-count > img {
    opacity: 0.2
}
.thumb-post-count .desc-plus {
    position:absolute;
    left:50%;
    right:0;
    top:50%;
    bottom:0;
    z-index:1;
    opacity: 0.5;
}
.thumb-post-count .desc-plus:before {
    content: "";
    width:60px;
    height:2px;
    background-color:#fff;
    z-index:2;
    position:absolute;
    top:0;
    left:-30px;
}
.thumb-post-count .desc-plus:after {
    content: "";
    height:60px;
    width:2px;
    background-color:#fff;
    z-index:2;
    position:absolute;
    top:-30px;
    left:0;
}
.thumb-post-count .desc-count {
    position:absolute;
    right:10px;
    bottom:10px;
    font-size:3em;
    color:#fff;
    font-weight:600;
    opacity:0.5;
    line-height:normal;
}
.thumb-post-count:hover .desc-count,
.thumb-post-count:hover .desc-plus {
    opacity:1;
}

/* ----------------------------------------------------------------------
    14. Filters 
/* ---------------------------------------------------------------------- */
.filters-wrapper {
    text-align: left;
    margin-bottom: 40px;
    margin-top: 20px;
}
.filter-content.no-filters .filters-wrapper {
    display:none;
}
.filters-wrapper.filter-1 .filter {
    width: 100%;
}
.filters-wrapper.filter-2 .filter {
    width: 50%;
}
.filters-wrapper.filter-3 .filter {
    width: 33.33%;
}
.filters-wrapper.filter-4 .filter {
    width: 25%;
}

.filter {
        position: relative;
        height: 50px;
        float: left;
        z-index: 5;
        padding-right: 20px;
    }
    .filter.is-visible {
        z-index:100;
    }
        .filter-dropdown {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
            width: 100%;
            z-index: 10;
        }
            .filter-collpase-btn {
                padding: 0 0 0 0px;
                height: 50px;
                cursor: pointer;
                overflow: hidden;
                margin-left: 0px;
                border: 1px solid rgba(255, 255, 255, 0.26);
                border-right-width:0;
            }
            .filters-wrapper .filter:last-child .filter-collpase-btn {
                border-right-width:1px;
            }
            .filters-wrapper .filter:first-child .filter-collpase-btn {
                margin-left:0;
            }

.filters-wrapper .filter:last-child .filter-collpase-btn {
                border-right-width:1px;
            }
                .filter-title, .filter-title-anim {
                    display: block;
                    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
                    transform: translate(0, -100%);
                    line-height: 50px;
                    font-size: 16px;
                    margin-bottom: 0;
                    font-weight: 600;
                    color: #fff;
                    letter-spacing: 0.02em;
                    text-transform: uppercase;
                    padding-left: 28px;
                }
                .filter.is-visible .filter-title-anim {
                    transform: translate(0, 0);
                }

.filter-btn-icon {
                    position: absolute;
                    font-family: "icomoon";
                    right: 15px;
                    font-size: 28px;
                    color: #fff;
                    top: 14px;
                    width: 20px;
                    height: 20px;
                    display: block;
                    line-height:20px;
                    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
                }
                .filter-btn-icon:after {
                    content: "\f107";
                }
                .filter.is-visible .filter-btn-icon {
                    transform: rotate(180deg);
                }
                .filter.loading .filter-btn-icon {
                    top:5px;
                    right:5px;
                    width: 40px;
                    height: 40px;
                    background-color: #eee;
                    border-radius: 100%;
                    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
                    animation: sk-scaleout 1.0s infinite ease-in-out;
                }
                .filter.loading .filter-btn-icon:after {
                    display: none;

}

.filter-dropdown-content {
                overflow: hidden;
                height: auto;
                max-height: 0px;
                transition: max-height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
            }
            .filter.is-visible .filter-dropdown-content {
                max-height: 1000px;
                transition: max-height 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                background-color: #0B0B0C;
            }
                .filter-dropdown-content > ul {
                    margin-left: 0;
                    margin-bottom:0;
                    list-style: none;
                }
                    .filter-dropdown-content > ul li {
                        background-color: #0B0B0C;
                        border: 1px solid rgba(255,255,255, 0.2);
                        border-top:none;
                        padding: 0 28px;
                        height: 50px;
                        margin:0;
                        cursor: pointer;
                        transition: background-color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
                    }
                    .filter-dropdown-content > ul li:hover {
                        background-color: #292A2D;
                    }
                    .filter-dropdown-content > ul li h3 {
                        font-size: 15px;
                        color: #fff;
                        line-height: 50px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 100%;
                        font-weight: 300;
                        margin-bottom: 0;
                        letter-spacing: 0.02em;
                        text-transform: uppercase;
                    }

/* Releases Slider */
.carousel-releases-slider {
    margin-bottom:20px;
}
.carousel-releases-slider.medium-gap .grid-media {
     padding: 15px;
}

/* Ajax messages */
.ajax-messages .message {
    padding: 50px;
    border:1px solid #333;
    border-radius:10px;
    display: none;
}
    .ajax-messages .message-title {
        display: block;
        font-size: 60px;
        font-weight:700;
        line-height:130%;
    }
    .ajax-messages .message-body {
        font-size: 22px;
        display: block;
        opacity:0.8;
    }

/* ----------------------------------------------------------------------
    15. Content Section
/* ---------------------------------------------------------------------- */
#content {
    padding: 80px 0;
    clear: both;
    width: 100%;
    position: relative;
    z-index: 2;
}
#content.vc {
    padding: 0;
}
#content.vc > .container {
    width: 100%;
    padding: 0
}

#content.filter-content.has-filters {
    padding: 0 0 80px 0;
}

/* ----------------------------------------------------------------------
    16. 404 Page
/* ---------------------------------------------------------------------- */

.error404 #footer-container, .error404 #header, .error404 #scamp_player {
    display:none;
}
.error-page {
    padding-bottom: 50px
}
#search-404 {
    margin-top: 20px;
}
#search-404 #s {
    width: 100%;
    padding: 16px 40px 16px 40px;
    font-size: 24px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#search-404 #s::-webkit-input-placeholder {
    color: #999;
}
#search-404 #s:-moz-placeholder {
    color: #999;
}
#search-404 #s:-ms-input-placeholder {
    color: #999;
}
#search-404  #s:focus {
    border-color: #666;
}
.big-404 {
    font-size: 450px;
    text-align: center;
    display: inline-block;
    padding: 0 0;
    font-weight: bold;
    line-height: 100%;
    color: #36363A;
    text-shadow:
    3px 3px 0 #666,
   -1px -1px 0 #666,  
    1px -1px 0 #666,
   -1px  1px 0 #666,
    1px  1px 0 #666;
}
.title-404 {
    margin-bottom: 10px
}

/* ----------------------------------------------------------------------
    17. Contact Section
/* ---------------------------------------------------------------------- */

/* Google Maps */
#gmap {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    height: 600px;
    position: relative;
    width: 100%;
}

/* ----------------------------------------------------------------------
    18. Section Helpers
/* ---------------------------------------------------------------------- */
.section {
    padding: 0px 0 80px
}
.section.no-padding {
    padding: 0;
}
.padding {
    padding: 80px 0;
}
.section:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.last-section {
    padding-bottom: 120px;
}

/* Section header */
.section-header {
    text-align: center;
    width: 100%;
    padding: 0 4%;
    margin-bottom: 0px;
}
.section-title {
    font-size: 42px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 120%;
}
.dark-bg .section-title {
    color:#fff;
}
.section-title:after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background-color: #E82561;
    margin: 15px auto 20px auto;
}
.section-sub-title {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #666;
    letter-spacing: 0;
    padding-left:8%;
    padding-right:8%;
}
.section-header-text {
    padding-top:10px;
    font-weight: 300;
    font-size: 16px;
    padding-left:8%;
    padding-right:8%;
}
.dark-bg .section-sub-title {
    color: #fff;
    opacity:0.7;
}
.thin .section-sub-title, .thin .section-header-text {
    padding-left: 0;
    padding-right: 0;
}

/* Cover BG */
.cover-bg {
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-backface-visibility: hidden;
    background-color: #222;
}

/* VC Custom section */
#site.vc-custom-section {
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
#site .vc-custom-section.vc_row {
    margin: 0;
}
#site .vc-custom-fw-section .vc_column_container {
    padding: 0;
}
.vc-custom-section .container {
    z-index: 2;
}
.vc-parallax {
    background-attachment: fixed;
}

/* Overlay */
.vc_row.vc_custom_overlay > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.8;
    /* background-color: #2d2e33; */
}
#site .vc_row-no-padding.vc_custom_overlay > .overlay,
#site .vc_custom_overlay.vc_parallax > .overlay {
    position: absolute;
    z-index: 1;
}
#site .vc_custom_overlay.vc_row-no-padding > .overlay { z-index:0 }
#site .vc_custom_overlay > .overlay { z-index:0 }
.vc_custom_overlay {
    position: relative;
}

/* ----------------------------------------------------------------------
    19. Fullscreen Template
/* ---------------------------------------------------------------------- */
.page-template-fullscreen #footer-container {
    display: none;
}

/* ----------------------------------------------------------------------
    20. Comments
/* ---------------------------------------------------------------------- */
.comments-section {
    background-color: #27272B;
    padding: 80px 0 80px 0;
    position: relative;
    border-top: 1px solid #3C3939;
}

/* Comments */
.comment-message {
    font-size: 18px;
    color: #ddd;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* background-color: rgba(255, 255, 255, 0.01); */
    border-radius:5px;
}
.comments-title {
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: normal;
    /* text-transform: uppercase; */
    color: #ddd;
}
.comments-title:before {
    font-family:"icomoon";
    content: "\f0e5";
    margin-right:10px
}
.comments-title span {
}
.comments-list {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 30px 0 60px;
    padding: 0 0 30px;
    overflow: hidden;
}
.comment {
    border-top: 1px solid rgba(255,255,255,0.1);
    list-style: none;
    margin: 30px 0 0;
    padding: 35px 0 20px;
}
.comment:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.comment:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.logged-in-as {
    position: relative;
    top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
}
.logged-in-as a {
    color: #999;
    font-size:13px;
    letter-spacing:0.02em;
}
.logged-in-as a:hover { 
    color: #E82561
}

.comment-field {
    padding-bottom: 10px;
    overflow: hidden;
    clear: both;
}
.comment > article {
    margin: 0;
    /* overflow: hidden; */
    position: relative;
}
.comment .avatar-wrap {
    background: #eee;
    float: left;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: 100%;
    overflow: hidden;
}
.comment .avatar-wrap img {
    margin: 0;
    width: 70px;
    height: 70px;
    float: left;
}
.comment .comment-body, .comment .comment-meta {
    margin: 0 0 0px 85px;
    color: #ddd;
    font-size: 15px;
    line-height: 1.7em;
    margin-bottom: 30px;
}
.comment .comment-meta {
    margin-bottom: 0;
}
.comment .author, .comment .author a {
    color: #eee;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.comment .author a:hover {
    color: #f4624a;
}
.comment .date {
    color: #aaa;
    font-size: 13px;
    margin: 0 0 10px;
}
.comment .reply {
    position:absolute;
    bottom: -35px;
    right:0;
}
.comment .reply a {
    font-size:12px;
    color:#aaa;
    text-transform:uppercase;
    margin-right:2px;
    padding:4px 7px;
    border-radius:4px;
    margin-right: 0px;
    border:1px solid #aaa;
    font-weight:400;
}
.comment .reply a:before {
    font-family:"icomoon";
    content: "\f122";
    margin-right:5px;
}
.comment .reply a:hover {
    background-color:#E82561;
    color:#fff;
    border-color:transparent;
}
.comment .children {
    margin: 0;
    padding: 30px 0 0;
    position: relative;
}
.comment .children .comment {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 30px 0 0;
    padding: 35px 0 0 125px;
    position: relative;
}
.comment .children .comment.depth-4, .comment .children .comment.depth-5, .comment .children .comment.depth-6, .comment .children .comment.depth-7, .comment .children .comment.depth-8, .comment .children .comment.depth-9, .comment .children .comment.depth-10 {
    padding-left: 0;
}
.comment .children .comment:first-child {
    margin-top: 0;
}
.comment .children .comment-body, .comment .children .comment-meta {
}

/* Pingbacks / Trackbacks */
.comment-list .pingback, .comment-list .trackback {
    list-style: none;
    margin-left: 0;
    padding-top: 30px;
    padding-left: 0;
    border-top: 1px dotted #e6e6e6;
}
.comment-list .pingback:first-child, .comment-list .trackback:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.comment-list .pingback .author, .comment-list .trackback .author, .comment-list .pingback .author a, .comment-list .trackback .author a, .comment-list .pingback .author a:hover, .comment-list .trackback .author a:hover {
    font-size: 18px;
    color: #222;
    margin-bottom: 12px;
    font-weight: 600;
}
.comment-list .pingback .date, .comment-list .trackback .date {
    color: #888;
    font-size: 13px;
    margin: 0 0 5px;
    position: relative;
    top: -5px;
}

/* Response */
#respond {
    margin-top: 80px;
}
#reply-title {
    font-size: 32px;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
}
#reply-title small {
    font-size: 24px;
    font-weight: normal;
}
.form-allowed-tags {
    font-size: 12px;
    color: #888;
    display: none;
}
.form-allowed-tags span {
    font-size: 12px;
    color: #aaa;
    display: block
}
.form-submit {
    overflow:hidden;
    clear: both;
    padding-top: 20px;
}
.comment-form-cookies-consent {
    margin-top:20px;
    display:block;
}
.comment-form-cookies-consent label {
    display:inline-block;
    margin-left:10px;
}
#wp-comment-cookies-consent {
    display:inline-block;
}

/* ----------------------------------------------------------------------
    21. Footer Section
/* ---------------------------------------------------------------------- */

/* Footer container */
#footer-container {
    overflow:hidden;
}

/* Widgets */
#footer-widgets {
    /* border-top: 1px solid #1D1D1F; */
    clear: both;
    z-index: 2;
    position: relative;
    background: #242427; /* Old browsers #3e3e42 */
    background: -moz-linear-gradient(left,  #242427 0%, #242427 50%, #3e3e42 50%, #3e3e42 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#242427), color-stop(50%,#242427), color-stop(50%,#3e3e42), color-stop(100%,#3e3e42)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); /* IE10+ */
    background: linear-gradient(to right,  #242427 0%,#242427 50%,#3e3e42 50%,#3e3e42 100%); /* W3C */
}
#footer-widgets > .container {
    display:flex;
}
#footer-widgets .footer-col {
    padding: 70px 6%;
    color: #eee;
    min-width:33.333%
}
#footer-widgets .footer-col .widget li a {
    color:#fff;
}
#footer-widgets .footer-col:first-child {
    min-width:20%;
  
}
#footer-widgets .footer-col.last {
    min-width:40%;
}
#footer-widgets .footer-col.last .textwidget {
    color:#fff;   
}
#footer-widgets .footer-col-middle {
    min-width:30%;
    background: #2a2a2d;
}
#footer-widgets .footer-col .widget_nav_menu li a {
    color:#fff;
    font-style:italic;
    font-size:15px;
    font-weight:500;
}
#footer-widgets .footer-col .widget_nav_menu li a:hover {
    text-decoration:underline
}
#footer-widgets .footer-col .widget_nav_menu li:before {
    display:none
}

/* 21.1 Footer Social
 ------------------------------ */
#footer-social {
    width: 100%;
    position: relative;
    z-index: 2;
    border-top: 1px solid #444;
    text-align: center;
}
#footer-social .container {
    padding: 20px;
}
#footer-social .container p {
    margin-bottom:0;
}

/* 21.2 Footer Note
 ------------------------------ */
#footer-note {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-bottom: 120px;
    padding-top: 60px;
    background: #0B0B0C;
    text-align: center;
    margin-bottom: 0;
    color: #777777;
    font-size: 14px;
}

#footer-note a {
    color: #ccc;
}
#footer-note a:hover {
    color:#E82561
}

/* 21.3 Scroll Button
 ------------------------------ */
#scroll-button {
    font-family: "icomoon";
    background: #FFF;
    width: 40px;
    height: 40px;
    position: fixed;
    right: -40px;
    top: 120px;
    z-index: 10;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    color: #222;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
#scroll-button:hover {
    background-color:#E82561;
    color:#fff;
}
#scroll-button i {
    margin-left: 0;
    line-height:37px;
    font-size: 25px;
    font-style: normal;
    vertical-align:top;
}
#scroll-button i:after {
     content: "\f106";
}
#scroll-button.active {
    right: 30px;
}

/* ----------------------------------------------------------------------
    22. Widgets
/* ---------------------------------------------------------------------- */
.widget {
    line-height: 1.7em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: -1px;
    width: 100%;
    word-wrap: break-word;
    color: #ccc;
    overflow: hidden;
    padding-bottom: 50px;
    font-size: 15px;
}
#slidebar .widget {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    margin-bottom: 30px;
    border: none;
    padding: 0;
}
#slidebar .widget:last-child {
    padding-bottom: 40px;
}
.widget li a {
    color: #ccc;
}
.widget a {
    color: #ddd;
}
.widget a:hover {
    color: #E82561;
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
    margin: 24px 0 12px;
}
.widget h1 {
    font-size: 24px;
}
.widget h2 {
    font-size: 22px;
    line-height: 1.2;
}
.widget h3 {
    font-size: 20px;
}
.widget h4 {
    font-size: 18px;
    line-height: 1.5;
}
.widget h5 {
    font-size: 16px;
}
.widget h6 {
    font-size: 14px;
    line-height: 2;
}
.widget address {
    margin-bottom: 18px;
}
.widget abbr[title] {
    border-color: rgba(255, 255, 255, 0.1);
}
.widget mark, .widget ins {
    color: #000;
}
.widget pre, .widget fieldset {
    border-color: rgba(255, 255, 255, 0.1);
}
.widget code, .widget kbd, .widget tt, .widget var, .widget samp, .widget pre {
    font-size: 12px;
}
.widget blockquote {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 18px;
}
.widget blockquote cite {
    color: #999;
    font-size: 14px;
}
.widget dl, .widget dd {
    margin-bottom: 18px;
}
.widget ul, .widget ol {
    list-style: none;
    margin: 0;
}
.widget li > ol, .widget li > ul {
    margin-left: 10px;
}
.widget table, .widget th, .widget td {
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0;
    border: none;
}
.widget table {
    margin-bottom: 18px;
}
.widget del {
    color: rgba(255, 255, 255, 0.4);
}
.widget hr {
    background-color: rgba(255, 255, 255, 0.1);
}
.widget p {
    margin-bottom: 30px;
}
.widget p strong {
    color:#fff;
}
.widget p:last-child {
  margin-bottom:0;
}
.widget input, .widget textarea {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: #999;
    font-size: 14px;
    padding: 8px;
}
.widget input:focus, .widget textarea:focus {
    border-color: rgba(255, 255, 255, 0.3);
}
.widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
    background-color: #E82561;
    border: 0;
    font-size: 12px;
    padding: 8px 15px;
}
.widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus {
    color: #222;
    background-color: #fff;
}
.widget input[type="button"]:active, .widget input[type="reset"]:active, .widget input[type="submit"]:active {
    color: #222;
    background-color: #fff;
}
.widget .wp-caption {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 18px;
}
.widget .widget-title {
    font-size: 20px;
    margin: 0 0 15px 0;
    padding-bottom: 5px;
    color: #fff;
    font-weight: 800;
    /* text-transform: uppercase; */
}
.sidebar .widget .widget-title {
}
#footer-container .widget .widget-title {
    font-size: 22px;
    color: #FFF;
    margin-bottom: 30px;
}
#footer .widget .widget-title {
    margin-bottom: 20px;
}
.widget-title, .widget-title a {
    color: #aaa;
}
.widget-title a:hover {
    color: #E82561;
}
#slidebar .widget .widget-title {
    font-size: 18px;
    font-weight: 500;
    color: #888;
}

/* Tag Cloud Widget */
.widget_tag_cloud {
    overflow: hidden
}
.widget_tag_cloud .tagcloud a {
    padding: 6px 10px;
    margin: 3px;
    float: left;
    line-height: normal;
    color: #bbb;
    border: 1px solid #555;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px !important;
    text-transform: uppercase;
}
.widget_tag_cloud .tagcloud a:before {
     content: "#";
}
.widget_tag_cloud .tagcloud a:hover {
    text-decoration: none;
    line-height: normal;
    border: 1px solid transparent;
    color: #fff;
    background-color: #E82561;
}

/* Calendar Widget*/
.widget table#wp-calendar {
    background-color: transparent;
}
.widget table#wp-calendar a {
    display: block;
    background: #3D3E42;
    color: #FFF;
    line-height: 30px;
    text-decoration: none;
    font-weight: 700;
}
.widget table#wp-calendar a:hover {
    background: #fff;
    color: #333;
    line-height: 30px;
    text-decoration: none;
}
.widget table#wp-calendar {
    width: 99%;
    margin-left: 2px;
}
.widget table#wp-calendar tbody td {
    text-align: center;
    border: 1px solid #0B0B0C;
    background-color: #1E1E21;
    color: #999;
    font-size: 13px;
    line-height: 30px;
}
.widget table#wp-calendar caption {
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    color: #ddd;
    padding: 0;
    margin-bottom: 5px;
    font-weight: 700;
}
.widget table#wp-calendar th {
    font-weight: normal;
    color: #999;
    background-color: #292A2D;
    text-align: center;
    padding: 2px;
    border: none;
}
.widget table#wp-calendar #next a {
    text-align: right;
    color: #999;
    line-height: 10px;
    background: none;
}
.widget table#wp-calendar #prev a {
    text-align: left;
    color: #999;
    line-height: 15px;
    background: none;
}
.widget table#wp-calendar #next a:hover, .widget table#wp-calendar #prev a:hover {
    color: #E82561;
}

/* List Style Widgets*/
.widget li {
    margin-left: 0;
}
.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
    padding: 6px 0;
    color: #ccc;
    line-height: 20px;
}
.widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child {
    border-bottom: none;
}
.widget_archive li:before, .widget_categories li:before, .widget_links li:before, .widget_meta li:before, .widget_nav_menu li:before, .widget_pages li:before, .widget_recent_comments li:before, .widget_recent_entries li:before {
    font-family: "icomoon";
    content: "\f105";
    display: inline-block;
    color: #666;
    margin-right: 8px;
    margin-left: 0px;
}

/* Recent Comments */
.widget_recent_comments li .url {
    padding-left:10px;
    display:block;
}

.widget_recent_comments li:before {
   content:"";
   padding-left:24px;
}
.widget_recent_comments li {}
.widget_recent_comments li > a {
    display: block !important;
    position: relative;
    margin-top: 5px !important;
    padding: 15px !important;
    border-radius: 4px;
    background: rgba(238,238,238,0.06);
}
.widget_recent_comments li > a:before {
    content: '';
    display: block;
    position: absolute;
    top: -28px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0px 14px 14px;
    border-color:transparent;
    border-bottom-color:rgba(238,238,238,0.06);
}

/* Categories */
.widget_categories li:before {
    
}

/* Recent Posts Widget */
.widget_recent_entries li:before {
  display:none;
}
.widget_recent_entries li {
    border-bottom:1px solid rgba(255,255,255,0.1);
    padding:10px 0;
}
.widget_recent_entries .post-date {
    display: block;
    margin-left:3px;
    opacity:0.5;
    font-size: 14px;
}

/* RSS Widget */
.rsswidget img {
    margin-top: -4px;
}
.widget_rss li a {
    color: #fff;
}
.rssSummary {
    margin: 9px 0;
    color: #999;
}
.rss-date {
    display: block;
    font-size: 12px
}
.widget_rss li {
    margin-bottom: 18px;
}
.widget_rss li:last-child {
    margin-bottom: 0;
}

/* Text Widget */
.widget_text > div >:last-child {
    margin-bottom: 0;
}

/* ----------------------------------------------------------------------
    23. Custom widgets
/* ---------------------------------------------------------------------- */

/* Tweets */
.tweets-widget {
    list-style: none;
    margin: 0;
}
.tweets-widget li {
    margin: 0 0 30px 0;
    padding-left: 40px;
    position: relative;

}
.tweets-widget li:before {
    font-family: "icomoon";
    position: absolute;
    left:0;
    top:5px;
    width: 30px;
    height: 30px;
    background-color: #eee;
    content: "\e655";
    color: #222;
    display: block;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    -webkit-transition: .4s all;
    transition: .4s all;
}
.tweets-widget li:hover:before {
    color: #fff;
    background-color: #E82561;
}
.tweets-widget li a {
    color:#888;
}
.tweets-widget li a:before {
    font-family: "icomoon";
    content: "\e64e";
    display: inline-block;
    color: #888;
    margin-right: 4px;
    font-size:14px;
    margin-left: 0px;
}
.tweets-widget li a:hover:before {
    color: #E82561;
}
    .tweets-widget li .date a {
        display: block;
        margin-top: 0px;
        color: #E82561;
        border: none;
        width: 100%;
        font-weight: bold;
    }
    .tweets-widget li .date a:hover { color: #eee; }
    .tweets-widget li .date a:before {
        display:none
    }

/* Recent Releases */
.widget_noisa_recent_releases {
}
.widget_noisa_recent_releases .thumb {
    margin: 4px
}
.widget_noisa_recent_releases .flex-col-1-2 {
    width: 50%;
}
.widget_noisa_recent_releases .flex-col-1-3 {
    width: 33.33%;
}
.widget_noisa_recent_releases .flex-col-1-4 {
    width: 25%
}
.widget_noisa_recent_releases .flex-col-1-5 {
    width: 20%
}

/* Recent Posts */
.widget_noisa_recent_posts .rp-list li {
   overflow: hidden;
   margin-bottom: 11px;
   border-bottom: 1px solid rgba(255,255,255,0.1);
   padding-bottom: 5px;
}
.widget_noisa_recent_posts .rp-list li:last-child {
    border:0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget_noisa_recent_posts .rp-post-thumb {
    float: left;
    width:60px;
    overflow:hidden;
}
.widget_noisa_recent_posts .rp-caption {
   padding-left:70px;
}
.widget_noisa_recent_posts .rp-caption h4  {
    margin-bottom:0px;
    font-size: 15px;
    margin-top: 0px;
}
.widget_noisa_recent_posts .rp-caption h4 a {
    font-weight: 400;
}
.widget_noisa_recent_posts .rp-caption .rp-date {
    text-transform:uppercase;
    font-size: 13px;
    color: #E82561;
}

/* Gallery */
.widget_r_gallery .thumb {
    margin-bottom:0;
    position: relative;
}
.widget_r_gallery .masonry {
    margin-bottom:0;
}
.widget_r_gallery .thumb-post-count .desc-count {
    position:absolute;
    font-size:2em;
    padding-top: 16%;
}

/* ----------------------------------------------------------------------
    24. Elements
/* ---------------------------------------------------------------------- */

/* Thumbs effects
 ------------------------------------ */

.thumb {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.thumb img {
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    z-index: 1;
    width: 100%;
    vertical-align: middle;
}

/* SIMPLE THUMB */
.thumb-simple {
    background: #0B0B0C;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.thumb-simple img {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.thumb-simple:hover img {
    opacity: 0.2;
}

/* THUMB ANIM */
.thumb-anim {
    overflow: hidden;
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0;
}
.thumb-anim:after {
    content: '';
    z-index: 100;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    top: -1%;
    height: 102%;
    display: block;
    visibility: visible;
    background: #0B0B0C;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%)
}
.thumb-anim--appear {
      -webkit-transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
    transition: opacity .3s linear, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
    transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s;
    transition: opacity .3s linear, transform cubic-bezier(0.075, .82, .165, 1) .9s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) .9s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.thumb-anim--appear:after {
    -webkit-transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
    transition: visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
    transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s;
    transition: transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s, visibility linear 0s 1.4s, -webkit-transform cubic-bezier(0.075, .82, .165, 1) 1.4s .1s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
}

/* Thumb icon */
.thumb .thumb-icon {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0%;
    text-align: center;
    z-index: 25;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    margin-top: -12px;
}
.thumb .thumb-icon .icon {
    font-size: 24px;
    line-height: normal;
    padding: 4px 0;
    color: #fff;
}
.thumb:hover .thumb-icon {
    opacity:1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* TOOLTIP */
.dark-bg .tip-content,
.tip-content { 
    min-width:100px;
    min-height: 100px;
    padding:20px; 
    margin-bottom:0px;   
    background: #000;
    color:#fff;
    position: absolute; 
    opacity: 1; 
    z-index: 999;
    font-size:14px;
    font-weight:400;
}

/* Title */
    .dark-bg .tip-content span,
    .tip-content span {
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 15px;
    }

/* BADGE */
.badge {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    text-align: center;
    padding: 4px;
    height: 26px;
    width: 120px;
    min-width: auto;
    min-height: 26px;
    max-height: 26px;
    right: -31px;
    top: 16px;
    left: auto;
    z-index: 10;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.badge.color { background-color: #E82561; color: #fff; }
.badge.black { background-color: #000; }
.badge.soundcloud { background-color: #E82561; }

/* Border Thumb
 ------------------------------------ */
.border-thumb {}

/* Separator
 ------------------------------------ */
hr.separator {
    background-color: #ddd;
    width: 100%;
    height: 1px;
    margin-bottom: 80px;
}

/* Divider
 ------------------------------------ */
.divider {
    margin: 20px auto 20px;
    width: 40px;
    height: 1px;
    position: relative;
    background-color: #333;
}

/* Inline Dots List
 ------------------------------------ */
.inline-dots {
    margin: 0;
    list-style: none;
}
.inline-dots li {
    margin: 0;
    display: inline-block;
}
.inline-dots li:after {
    content: "\2022";
    display: inline-block;
    margin: 0 5px 0 5px;
}
.inline-dots li:last-child:after {
    display: none;
}

/* Icon button
 ------------------------------------ */
.icon-button {
    border: 1px solid #fff;
    color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: 400;
    text-transform: uppercase;
    height: 60px;
    width: 60px;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.icon-button i {
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    z-index: 2;
    position: relative;
}
.icon-button:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 0;
}
.icon-button:hover:after {
    background-color: #fff;
}
.icon-button:hover i {
    color: #111;
}

/* Flexible video
 ------------------------------------ */
.video-wrap {
    margin: 0 0 30px;
}

/* Alertboxes
 ------------------------------------ */
.error, .success, .info, .warning {
    display: block;  /* font-weight: bold; */
    border: 1px solid;
    padding: 14px 20px 14px 20px;
    clear: both;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
}
.error {
    background-color: #fdcaca;
    color: #7f6060;
    border-color: #ffc3c3;
}
.success {
    background-color: #cafdce;
    color: #637a65;
    border-color: #9cfaa3;
}
.info {
    background-color: #dee9fe;
    color: #737b8b;
    border-color: #cddfff;
}
.warning {
    background-color: #fbe9de;
    color: #877863;
    border-color: #fbe0b9
}

/* Buttons
 ------------------------------ */

/* Default button */
input[type="submit"], button, .btn, .widget .btn {
    font-family : "Source Sans Pro", Helvetica, Arial, sans-serif;
    display: inline-block;
    position: relative;
    padding: 16px 22px;
    background-color:#E82561;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    vertical-align: middle;
    white-space: nowrap;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.3em;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-weight: 800;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    -webkit-transition:all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-right: 5px;
    margin-bottom: 5px;
    width: auto;
    text-transform: uppercase;
    color: #fff;
}
.text-center .btn {
    margin-right:5px;
    margin-left:5px;
}
input[type="submit"]:hover, button:hover, .btn:hover, .widget .btn:hover {
    background-color:#eee;
    color:#222;
}
input[type="submit"].inverted, button.inverted, .btn.inverted, .widget .btn.inverted {
    background-color:#eee;
    color:#222;
}
input[type="submit"].inverted:hover, button.inverted:hover, .btn.inverted:hover, .widget .btn.inverted:hover {
    background-color:#eee;
    color:#222;
}
.btn.btn-icon {
    padding-left:0;
}
.btn.btn-icon .icon {
    /* background-color: rgba(000,000,000,0.4); */
    color: #fff;
    border-radius: 0.2em;
    padding: 14px;
    margin-right: 0;
}
.btn.btn-icon:hover .icon {
    color:#222
}
.btn > i:first-child:not(:last-child) {
    margin-right: 5px;
}
.btn > i:last-child:not(:first-child) {
    margin-left: 5px;
}
.btn.btn-transparent {
    background-color: transparent !important;
}
.btn.btn-small {
    font-size: 14px;
}
.btn.btn-medium {
    font-size: 16px;
}
.btn.btn-big {
    font-size: 18px;
}
.btn.btn-circle {
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 999em;
    min-width: initial;
}
.btn.stamp-btn {
    /* background-color: rgba(255,255,255,0.8); */
    background-color:#eee;
    font-size: 16px;
    color:#222;
    padding: 14px 24px;
    letter-spacing: 0.02em;
    border:2px solid #eee;
}
.btn.stamp-btn.btn-small {
    font-size: 14px;
}
.btn:hover.stamp-btn {
    background-color:transparent;
    color:#fff;
}
.dark-bg .btn.stamp-btn {
    background-color:#fff;
    color:#222;
    border:2px solid #fff;
}
.dark-bg .btn:hover.stamp-btn {
    background-color:transparent;
    color:#fff;
}
.btn.btn-icon.stamp-btn {
    padding-left:0;
}
.dark-bg .btn.btn-icon.stamp-btn .icon,
.btn.btn-icon.stamp-btn .icon {
    padding: 13px 10px 16px 14px;
    color:#222;
}
.dark-bg .btn.btn-icon.stamp-btn:hover .icon,
.btn.btn-icon.stamp-btn:hover .icon {
    color:#fff;
}
.btn.load-more {
    position: relative;
    padding-left: 60px;
    margin-top:20px;
}
    .btn.load-more:hover .icon-wrap {
/*         transform: rotate(180deg); */
    }
    .btn.loaded.load-more:hover .icon-wrap {
        transform:none;
    }
    .btn.load-more .icon-wrap {
        position: absolute;
        width: 48px;
        height: 48px;
        background-color: rgba(000,000,000,0.2);
        color:#fff;
        display: inline-block;
        left: 0px;
        top: 0;
        border-radius: 0.2em;
        transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        text-align:center;
    }
    .btn.load-more .icon-wrap .icon {
        line-height:48px;
    }
    .btn.load-more .icon-wrap .icon:after {
        content:"\e644";
    }
    .btn.load-more.loaded .icon-wrap .icon:after {
        content:"\e642";
    }
    .btn.load-more.loading .icon-wrap .icon {
        position:absolute;
        left:0;
        top:0;
        width: 48px;
        height: 48px;
        background-color: #eee;
        border-radius: 100%;
        -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
        animation: sk-scaleout 1.0s infinite ease-in-out;
    }
    .btn.load-more.loading .icon-wrap .icon:after {
        display:none;
    }

/* Circle */
.circle-btn {
    display: inline-block;
    margin: 0px 5px 5px 0;
    color: rgba(255,255,255,0.1);
    vertical-align: middle;
    line-height: normal;
    font-size: 12px;
    line-height: 27px;
    border-radius: 100%;
    font-weight: 400;
    text-transform:uppercase;
    text-align: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,0.3);
}
.circle-btn span {
    line-height: 16px;
    font-size: 14px;
    vertical-align: middle;
    color: rgba(255,255,255,0.7);
}
.circle-btn:hover,
.circle-btn:hover span {
    color: #fff;
    border-color:transparent;
}
.circle-btn:hover {
    background-color:#E82561;
}

/* Pill btn */
.pill-btn{
    border-radius: 999em;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-weight: 400;
    -webkit-transition:all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color: #fff;
    background-color: #E82561;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 1px 10px;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:0.02em;
    margin-bottom:8px;
    display:inline-block;
}
.pill-btn:hover {
    background-color:#eee;
    color:#222;
}
.pill-btn.medium {
    font-size: 13px;
}

.button-position {
    text-align: center;
}

/* Carousel
 ------------------------------ */
.carousel {
    margin-bottom: 30px;
}
.carousel-fw-item {
    width: auto;
    margin: 1px;
}

/* Carousel Slider */
.carousel-slider img {
    display: block;
    width: 100%;
    height: auto;
}

.carousel-slider .slide {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: translate3d(0, 0, 0);
}

.carousel-slider.owl-theme .owl-controls {
    margin-top: 10px;
    height: 40px;
}
/* mouse grab icon */
.grab a { 
    cursor:url(images/grab.cur) 8 8, move;
}

/* Content slider
-------------------------------- */
.content-slider {
    background-color: #0B0B0C;
    overflow: hidden;
    margin-bottom: 30px;
}
.content-slider.owl-theme .owl-controls .owl-buttons .nav-slider {
    position:relative;
    width:100%;
    height:100%;
}
.content-slider .content-captions {
    background-color: rgba(000, 000, 000, 0.3);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 80%;
    opacity: 1;
    padding: 10px 12px;
    position: absolute;
    bottom: -100%;
    left: 0;
    text-align: left;
    width: 100%;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    opacity:0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.content-slider:hover .content-captions {
    opacity:1;
    -webkit-transform: scale(1);
    transform: scale(1);
    bottom:0;
}
.content-slider .content-captions:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.content-slider .content-captions span {
    display: block;
    font-size: 15px;
}
.content-slider .content-captions .caption-title {
    font-size: 17px;
    font-weight: bold;
}
.content-slider .slide {
    display: none;
}
.content-slider .slide:first-child {
    display: block;
}
.content-slider.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}
.content-slider.owl-theme .owl-controls .owl-buttons .owl-prev i, .content-slider.owl-theme .owl-controls .owl-buttons .owl-next i {
    color: #fff;
    font-size: 32px;
    vertical-align: bottom;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    margin: 0;
    width: auto;
    height: auto;
}
.content-slider.owl-theme .owl-controls {
   margin-top: 0px;
}
.content-slider .owl-pagination {
    bottom:10px;
}

/* Owl Carousel Owl Theme v1.3.2
-------------------------------- */
.owl-theme .owl-controls {
    margin-top: 30px;
    text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;zoom:1;*
    display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-buttons .owl-prev, 
.owl-theme .owl-controls .owl-buttons .owl-next {
    top: 50%;
    text-align: center;
    z-index: 3;
    height: 40px;
    width: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    left:-40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    right:-40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-theme:hover .owl-controls .owl-buttons .owl-prev {
    left:0;
} 
.owl-theme:hover .owl-controls .owl-buttons .owl-next {
    right:0
}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}

.owl-pagination {
    z-index: 10;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
    left: 0;
    bottom: 0px;
}
.dark-bg .owl-theme .owl-controls .owl-page span, .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
    margin: 0 4px;
     -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-color: #fff;
    display: inline-block;
    opacity: 0.2;
    border-radius:100%;
}
.owl-theme .owl-controls .owl-page.active span:after, 
.owl-theme .owl-controls .owl-page span:hover:after,
.dark-bg .owl-theme .owl-controls .owl-page.active span:after, 
.dark-bg .owl-theme .owl-controls .owl-page span:hover:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #fff;
    position:absolute;
    left:0px;
    top:0px;
    border-radius:100%;
     -webkit-animation: dot_scale 0.5s  ease-out;
    animation: dot_scale 0.5s ease-out;
}
@-webkit-keyframes dot_scale {
  0% { -webkit-transform: scale(1) }
  100% {
    -webkit-transform: scale(4.0);
    opacity: 0;
  }
}

@keyframes dot_scale {
  0% { 
    -webkit-transform: scale(1);
    transform: scale(1);
  } 100% {
    -webkit-transform: scale(4.0);
    transform: scale(4.0);
    opacity: 0;
  }
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.dark-bg .owl-theme .owl-controls .owl-page.active span,
.dark-bg .owl-theme .owl-controls.clickable .owl-page:hover span {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity:1;
    position:relative;
    border-radius:100%
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(images/AjaxLoader.gif) no-repeat center center
}

/* Animations */
.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* ----------------------------------------------------------------------
    25. Plugins
/* ---------------------------------------------------------------------- */

/* Lightbox
 -------------------------------- */
.mfp-wrap {
    z-index: 99999999;
}
.mfp-bg {
    z-index: 9999999;
    background: #000;
    opacity: 0.9;
}
.mfp-iframe-scaler iframe {
    box-shadow:none;
}

/* Player
 -------------------------------- */
.sp-time-elapsed,
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before {
    color: #E82561;
}
.sp-progress .sp-position,
#scamp_player.paused .sp-position,
.sp-progress .sp-position:after,
.sp-volume-position,
.sp-volume-position:after { 
    background-color:#E82561;
}

/* Newsletter
 -------------------------------- */
.mc-split-form {
    margin-bottom:15px;
    font-size: 15px;
    display:table;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}
.mc-btn-group {
     display:table-cell;
     width:1%;
     vertical-align:middle;
}
.mc-split-form input[type="submit"] {
    padding: 10px 10px;
    font-size: 16px;
    width: 20%;
    min-width: 130px;
    height: 50px;
    white-space:nowrap;
    overflow:hidden;
    padding-left:10px;

text-align: center;
    border-radius: 0;
}

#footer-container .mc-split-form input[type="submit"] {
    min-width:100px;
    padding:0 10px;
}
.mc-split-form input[type="email"] {
    color:#eee;
    background-color:transparent;
    display:table-cell;
    /* border-radius:99em; */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 50px;
    padding-left:20px;
    background-color:rgba(255,255,255,0.2);
    border:0;
    width: 100%;
    vertical-align:middle;
    font-size:15px;
}

.mc-split-form input[type="email"]::-webkit-input-placeholder {
    font-size:15px;
    color:#fff
}
.mc-split-form input[type="email"]::-moz-input-placeholder {
    font-size:15px;
    color:#fff
}

/* Message for older IE browsers
 -------------------------------- */
#ie-message {
    background: #c00;
    border-bottom: 1px solid #900;
    display: block;
    margin: 0 auto 20px auto;
    width: 100%;
    z-index: 2000;
}
#ie-message p {
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 20px;
    margin: 0 25%;
}
#ie-message a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

/* ----------------------------------------------------------------------
    26. MEDIA QUERIES
/* ---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
    Large Displays
/* ---------------------------------------------------------------------- */

@media screen and (min-width: 1900px) {
    .parallax {
        background-attachment: scroll;
        background-size:cover
    }
}

/* ----------------------------------------------------------------------
    For Small Desktop Devices [ 960px ]
/* ---------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {

/* Basic Elements & Classes
    ------------------------------ */

/* Blockquote */
    .single-post .main.thin blockquote, .single-post .vc-container.thin blockquote {
        margin-left:0;
        margin-right:0;
    }

/* WordPress Core Styles
    ------------------------------ */
    .main.thin .gallery, .vc-container.thin .gallery {
        margin-left:0;
        margin-right:0;
    }

/* Typography
    ------------------------------ */

/* Layout and Content
    ------------------------------ */

/* Container */
    .container {
        width: 960px;
    }

/* Visual Composer Container */
    .vc-container {
        width: 990px;
    }
    .vc-container.thin {
        width: 800px;
    }

/* Columns */
    .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
        margin-right: 20px;
    }
    .col-1-2 {
        width: 460px;
    }
    .col-1-3 {
        width: 300px;
    }
    .col-1-4 {
        width: 220px;
    }
    .col-2-3 {
        width: 620px;
    }
    .col-3-4 {
        width: 700px;
    }
    .center-col {
        margin: 0 auto;
        width: 500px;
    }

/* Masonry Grid */
    .full-width .masonry {
        margin-left: 0;
        margin-right: 0;
    }
    .full-width .masonry-item-1-5 {
        width: 20%
    }
    .full-width .masonry-item-1-4 {
        width: 25%
    }
    .full-width .masonry-item-1-3 {
        width: 33.33%
    }
    .full-width .masonry-item-1-2 {
        width: 50%
    }

/* Main */
    .main {
        width: 640px;
    }
    .main.thin {
        width: 800px;
    }
    .main.main-right {
        margin-left: 50px;
    }
    .main.main-left {
        margin-right: 50px;
    }
    .main.wide, .main.vc {
        width: 100%;
    }

/* Sidebar */
    .sidebar {
        width: 260px;
    }

/* Main Navigation
    ------------------------------ */
    #main-nav li.top-nav-el {
        display: block
    }
    #nav {
        display: none;
    }

/* Intro
    ------------------------------ */
    .intro-resize .intro-captions.left .caption-title,
    .intro-resize .intro-captions.left .caption-subtitle,
    .intro-resize .intro-captions.left .caption-divider-wrapper {
        width:100%;
    }

/* Posts
    ------------------------------ */
    .single-post .article-media {
        margin-left: 0px;
        margin-right:0px;
    }

/* Carousel */
    .carousel-slider .thumb h6 { font-size: 14px; }

}

/* ----------------------------------------------------------------------
    For Tablet and Mobile devices 
/* ---------------------------------------------------------------------- */
@media only screen and (max-width:979px) {

/* Basic Elements & Classes
    ------------------------------ */

/* Blockquote */
    .single-post .main.thin blockquote, .single-post .vc-container.thin blockquote {
        margin-left:0;
        margin-right:0;
    }
    blockquote p, .vc-container.thin blockquote p {
        padding: 20px
    }
    table td, table th {
        padding: 8px;
    }

/* Typography
    ------------------------------ */

/* Layout and Content
    ------------------------------ */

/* Columns */
    .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
        margin-right: 20px;
    }

/* Masonry Grid */
    .full-width .masonry {
        margin-left: 0;
        margin-right: 0;
    }

/* Masonry Grid */
    .blog-grid .masonry-item, .full-width .blog-grid .masonry-item {
        width: 50%;
    }

/* Main */
    .main {
        width: 100%
    }
    .main.main-right {
        margin-left: 0;
    }
    .main.main-left {
        margin-right: 0;
    }
    
    /* Sidebar */
    .sidebar {
        width: 100%;
        margin-top: 40px
    }

/* Helper Classes
    ------------------------------ */
    #site .padding-column > .vc_column-inner {
        padding: 80px 50px !important;
    }

/* Header 
    ------------------------------ */
    .admin-bar #header {
        top: 32px;
        position: absolute;
    }

/* Main Navigation
    ------------------------------ */
    #main-nav li.top-nav-el {
        display: block
    }
    #nav {
        display: none;
    }
    
    /* Icon Nav */
    #icon-nav {
        float:right;
        margin-left:0px;
        margin-top:15px
    }

/* Social nav */
     #social-nav {
          margin-top:14px;
          font-size:22px
     }

/* Posts
    ------------------------------ */
    .article-title, .article-title a {
        font-size: 28px;
    }
    .blog-minimal article .article-link .article-title {
        font-size: 30px;
    }

/* Intro section
    ------------------------------ */

/* Parallax */
    .parallax {
        background-size: cover;
        background-attachment: scroll;
        background-position: top center !important;
    }

/* Resize image / Intro image / Slider / Youtube Background */
    .intro-image.intro, .intro-youtube.intro, .intro-slider.carousel-slider, .intro-slider.carousel-slider .slide {
        min-height: 500px !important;
    }
    .intro-page-title.intro {
        min-height: 300px !important;
    }

/* Page Title */
    .intro-captions .caption-title, .intro-page-title .content-title {
        font-size: 48px;
    }
    .intro-captions .caption-subtitle, .intro-page-title .page-subtitle {
        font-size: 22px;
    }
    .intro-page-title .intro-captions .caption-subtitle {
        font-size: 16px;
    }
    .intro-page-title .intro-captions .caption-subtitle.meta-caption { 
        font-size: 14px;
    }

/* Intro Map */
    #site .vc-container .border-column:last-child .vc_column-inner {
        border-bottom: 0 !important
    }

/* Section Helpers
    ------------------------------ */
    .vc-parallax {
        background-size: cover;
        background-attachment: scroll;
        background-position: top center !important;
    }

/* Elements
    ------------------------------ */

/* Stamp Button */
    .stamp-button {
        padding: 10px 30px
    }

/* Carousel */
    .content-slider.owl-theme .owl-buttons,
    .intro-slider.owl-theme .owl-buttons {
        display: none;
    }
    .carousel-slider .thumb h6 { font-size: 14px; }

/* Footer
    ------------------------------ */
    #footer {
        clear: both;
        padding: 50px 0 50px 0;
    }

#footer-widgets {
        background: #1D1D21;
        padding:50px 0 0px;
    }

#footer-widgets > .container {
        display:block;
        width:100%;
        padding:0;
    }
    #footer-widgets .footer-col  {
        width: 100%;
        padding: 40px 40px;
        display: block;
    }
    #footer-widgets .footer-col.last {
        /* background-color:#404044 */
    }
    #footer-widgets .footer-col-middle {
        background-color: #2C2C2F;
    }
    
    /*  Newsletter */
    #footer-container .mc-split-form input[type="submit"] {
        min-width:140px;
        padding:0 10px;
    }
}

/* ----------------------------------------------------------------------
    For Tablet Devices [ 748px ]
/* ---------------------------------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:979px) {

/* Layout and Content
    ------------------------------ */

/* Container */
    .container {
        width: 748px;
    }

/* Visual Composer Container */
    .vc-container, .vc-container.thin {
        width: 778px;
    }

/* Columns */
    .col-1-2 {
        width: 364px;
    }
    .col-1-3 {
        width: 236px;
    }
    .col-2-3 {
        width: 492px;
    }
    .col-1-4 {
        width: 172px;
    }
    .col-3-4 {
        width: 492px;
    }

/* Masonry Grid */
    .masonry-item, .full-width .masonry-item {
       
    }

/* Main */
    .main {
        width: 492px;
    }
    .main.thin {
        width: 100%;
    }
    .main.main-right {
        margin-left: 20px;
    }
    .main.main-left {
        margin-right: 20px;
    }
    .main.wide, .main.vc {
        width: 100%;
    }

/* Sidebar */
    .sidebar {
        width: 236px;
    }

/* Intro section
    ------------------------------ */
    
    /*  Single Event */
    .event-start-date {
        font-size:20px
    }
    .countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
        font-size: 40px;
        margin-top:2px;
    }
    .countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
        content: attr(data-label);
        font-size: 12px;
    }

/*  Module */
    .event-countdown.compact .upcoming-title {
        font-size:24px;
    }
  
}

/* ----------------------------------------------------------------------
    For Mobile Devices [ 640px ]
/* ---------------------------------------------------------------------- */
@media only screen and (min-width:640px) and (max-width:781px) {

/* Layout and Content
    ------------------------------ */

/* Container */
    .container {
        width: 620px;
    }

/* Visual Composer Container */
    .vc-container, .vc-container.thin {
        width: 650px;
    }

/* Columns */
    .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
        margin-right: 0px;
        width: 100%;
    }
    
    /* Flexible columns */
    .flex-col-1-2, .flex-col-1-4 {
        width: 50%
    }

/* Masonry Grid */
    .masonry-item, .full-width .masonry-item {
        width: 50%;
    }

/* Main */
    .main {
        width: 100%
    }
    .main.main-right {
        margin-left: 0;
    }
    .main.main-left {
        margin-right: 0;
    }

/* Sidebar */
    .sidebar {
        width: 100%;
        margin-top: 40px;
        opacity:1;
    }

/* Header 
    ------------------------------ */
    #header.show-bg {
        min-height: 43px;
    }
    .admin-bar #header {
        top: 32px;
    }

}

/* ----------------------------------------------------------------------
    For Mobile Devices [ 300px ]
/* ---------------------------------------------------------------------- */
@media only screen and (max-width:767px) {

/* Basic Elements & Classes
    ------------------------------ */
    body {
        /* font-size: 15px; */
        line-height: 1.6;
    }

/* Typography
    ------------------------------ */

/* Lead text */
    .big-heading {
        font-size: 32px;
    }

/* Layout and Content
    ------------------------------ */

/* Container */
    .container {
        width: 100%;
        padding: 0 30px;
    }

/* Visual Composer Container */
    .vc-container, .vc-container.thin {
        width: 100%;
        padding: 0 30px;
    }
    .vc-container > .vc_column_container > .vc_column-inner { padding: 0; }

body .vc_row { 
        margin-left:0 !important;
        margin-right: 0 !important;
    }
    body .vc_column_container>.vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

/* Columns */
    .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
        margin-right: 0px;
        width: 100%;
    }

/* Masonry Grid */
    .masonry-item, .full-width .masonry-item,
    .blog-grid .masonry-item, .full-width .blog-grid .masonry-item {
        width: 100%;
        /* margin-bottom: 20px; */
    }

/* Flexible columns */
    .flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 {
        width: 100%
    }

/* Main */
    .main {
        width: 100%
    }
     .main.thin {
        width: 100%;
    }

/* Slidebar
     ------------------------------ */
    #slidebar {
        width: 280px; 
        -webkit-transform: translateX(280px);
        -moz-transform: translateX(280px);
        transform: translateX(280px);
    }
    body.slidebar-visible #ajax-container, body.slidebar-visible #footer-container, body.slidebar-visible #header {
        -webkit-transform: translateX(-280px);
        -moz-transform: translateX(-280px);
        transform: translateX(-280px);
    }

/* Header
    ------------------------------ */
    #header.show-bg {
        min-height: 43px;
    }
    #logo img {
      width: 80%;
    }
    .admin-bar #header {
        top: 46px;
    }

/* Paging Navigation
    ------------------------------ */
    .post-navigation .nav-label {
        font-size: 16px;
    }
    .post-nav-preview { 
        display:none
     }

/* Posts
    ------------------------------ */
    .article-title, .article-title a {
        font-size: 24px;
    }
    
    /*  Meta */
    .meta-col:not(:first-child) {
        padding-left: 16px;
    }

/* Intro section
    ------------------------------ */
    .intro.intro-disabled {
        min-height: 56px;
    }

/* Captions / Titles */
    .intro-captions, .intro-content {
        padding: 0px;
    }

/* Page Title */
    .intro-page-title .intro-captions { 
        padding-top:200px
    }
    .intro-captions .caption-title, .intro-page-title .content-title {
        font-size: 42px;
        line-height: 120%;
    }
    .intro-captions .caption-subtitle, .intro-page-title .page-subtitle {
        font-size: 24px;
    }
    .intro-page-title .intro-captions .caption-subtitle {
        font-size: 16px;
    }
   .intro-page-title .intro-captions .caption-subtitle.meta-caption { 
        font-size: 13px;
    }
    .intro-captions .caption-button a {
        font-size:14px;
        margin:20px 4px 0;
    }

/* Scroll Icon */
    .intro-image .scroll-anim, .intro-youtube .scroll-anim, .intro-slider .scroll-anim, .intro-slider .scroll-anim {
        display: none;
    }

/* Intro Map */
    #site .border-column .vc_empty_space {
        height: 0 !important
    }

/* Artist profile */
    .intro-artist-profile .profile-image {
        margin:0 auto;
        position:relative;
        left: 0;
        top:0;
        text-align:center;
        width:100%;
        height:auto;
    }
    .intro-artist-profile .profile-image img {
        display:inline-block;
        width:100px;
        height:100px;
        max-width:100px;
        max-height:100px;
        border-radius:100%;
    }
    .intro-artist-profile .caption-title {
        text-align:center;
    }
    .intro-artist-profile .profile-content {
        padding-left:0px;
    }
    .intro-artist-profile .intro-captions {
        padding-bottom: 20px;
    }
    
    /* Intro Tabs */
    .intro-tabs-wrap a {
        margin:0 10px;
        font-size:15px;
    }

/*  Single Event */
    .event-start-date {
        font-size:20px
    }
    .countdown .days, .countdown .hours, .countdown .minutes, .countdown .seconds {
        font-size: 40px;
        margin-top:2px;
    }
    .countdown .days:after, .countdown .hours:after, .countdown .minutes:after, .countdown .seconds:after {
        content: attr(data-label);
        font-size: 12px;
    }
     /*  Module */
    .event-countdown.compact .upcoming-title {
        font-size:24px;
    }
    .event-countdown.big .upcoming-title {
        font-size:36px;
        margin-bottom:0;
    }
    .event-countdown.big .upcoming-locations {
        margin-bottom:15px;
        font-weight:400;
        opacity:0.8;
        font-size:22px;
    }
    .event-countdown.big .countdown .days, 
    .event-countdown.big .countdown .hours, 
    .event-countdown.big .countdown .minutes, 
    .event-countdown.big .countdown .seconds {
        font-size:80px;
        margin: 0px;
    }
    .event-countdown.big .countdown .days:after, 
    .event-countdown.big .countdown .hours:after, 
    .event-countdown.big .countdown .minutes:after, 
    .event-countdown.big .countdown .seconds:after {
        font-size:18px;

}

/* Event List
    ------------------------------ */
    .masonry-list .event-li .title,
    .masonry-list .event-li .venue {
        width: 100%;
        display:block;
    }
    .masonry-list .event-li .venue {
        padding-bottom:0px;
    }
    .masonry-list .event-li .title {
        padding-top:0
    }

/* Gallery
    ------------------------------ */
    .gallery-album-image {
       width:50%;
    }

/* 404
    ------------------------------ */
    .big-404 {
        font-size: 180px
    }

/* Filters
    ------------------------------ */
    .filter.is-visible .filter-dropdown-content {
        max-height: 1000px;
        transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        overflow-y: scroll;
    }
    .filters-wrapper.filter-2 .filter, 
    .filters-wrapper.filter-3 .filter, 
    .filters-wrapper.filter-4 .filter {
        width: 100%;
    }
    .filter-collpase-btn {
        margin-left:0px;
     }
     .filters-wrapper.container {
         padding:0;
     }
      .filters-wrapper .filter .filter-collpase-btn {
         border-right-width:1px;
         border-bottom-width:0;
      }
      .filters-wrapper .filter:last-child .filter-collpase-btn {
         border-bottom-width:1px;
      }

/* Comments
    ------------------------------ */
    .comments-title {
        font-size: 18px
    }
    .comment .avatar-wrap {
        position: relative;
    }
    .comment .children .comment {
        padding-left: 0
    }
    .comment-body {
        margin-left: 0;
        margin-top: 30px;
    }
    .comment .comment-meta {
        margin-left: 80px;
        margin-top: 10px;
    }

/* Footer
    ------------------------------ */
     #footer-widgets .footer-col  {
        width: 100%;
        padding: 40px 30px;
        display: block;
    }

/*  Newsletter */
    #footer-container .mc-split-form input[type="submit"] {
        min-width:120px;
        padding:0 10px;
    }

}

/* ----------------------------------------------------------------------
    For Mobile Devices [ 440px ]
/* ---------------------------------------------------------------------- */
@media only screen and (max-width:480px) {

/* Layout and Content
    ------------------------------ */

/* Flexible columns */
    .flex-col-1-2, .flex-col-1-4 {
        width: 50%
    }

/* Masonry Grid */
    .masonry-item, .full-width .masonry-item {
        width: 100%;
    }
    
    /* Social nav */
     #social-nav {
         display:none;
     } 
}

/* Artists Grid */
.artists-grid-mod .masonry-item:after, .artists-grid-mod .masonry-item {
    background: #0B0B0C;
}
@media only screen and (max-width:1020px) {

.masonry-item-1-3 {
        width: 50%;
    }
}
@media only screen and (max-width:810px) {
     .masonry-item-1-3 {
        width: 100%;
    }

}

.artists-grid-mod .grid-emdia {
    background: #0B0B0C;
}
.artists-grid-mod .thumb {
    margin-bottom: 0;
}

/* Layers */
.artists-grid-mod .desc-details,
.artists-grid-mod .desc-layer-solid .bg,
.artists-grid-mod .desc-layer-solid {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Image */
.artists-grid-mod .masonry-item:hover img {
    transform: scale(1.05);
    -webkit-filter: grayscale(1) brightness(70%) contrast(150%);
    filter: grayscale(1) brightness(70%) contrast(150%);
}

/* Desc BG */
.artists-grid-mod .desc-layer-solid .bg {
    background: #0B0B0C;
    opacity: 0.6;
}

/*  Desc layer */
.artists-grid-mod .desc-layer-solid {
    z-index: 4;
    overflow: hidden;
    opacity: 0;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.artists-grid-mod .masonry-item:hover .desc-layer-solid  {
    opacity: 1
}

/* Desc details */
.artists-grid-mod .desc-details-table {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: table;
    padding: 0 10px;
}
.artists-grid-mod .desc-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* Title */
.artists-grid-mod h2,
.artists-grid-mod h2 a {
    color:#fff;
    font-size:40px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing:0.03em;
}

/* Social buttons */
.artists-grid-mod .circle-btn {
    border:0;
    margin: 5px 8px;
}
.artists-grid-mod .circle-btn:hover {
    background-color:transparent
}
.artists-grid-mod .circle-btn span {
    font-size:28px;
    color:#fff;
}

@media only screen and (max-width:810px) {
    
    /* On small touch devices */
    .artists-grid-mod .desc-details,
    .artists-grid-mod .desc-layer-solid .bg,
    .artists-grid-mod .desc-layer-solid {
        position:relative;
        background: #0B0B0C;
        opacity: 1;
    }
    .artists-grid-mod .thumb-desc {
        background-color:#0B0B0C;
    }
    .artists-grid-mod .desc-details-table {
        padding: 20px 10px;
    }
     
}

${this.title}

Code Editor : style.css