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



[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: 20px;

    font-weight: 400;

    line-height: 1.5;

    letter-spacing: 0.05em;

}

::-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: 36px;

}

h2 {

    font-size: 28px;

}

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: 300;

}

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,
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;

}

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;

}





/* 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

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

.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;

    width: 100%;

    height: 100%;

}



/* 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

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



#ajax-container {

    -webkit-animation: show_ajax_container 0.5s ease-in;

    -moz-animation: show_ajax_container 0.5s ease-in;

    -o-animation: show_ajax_container 0.5s ease-in;

    -ms-animation: show_ajax_container 0.5s ease-in;

    animation: show_ajax_container 0.5s ease-in;

}

@-webkit-keyframes show_ajax_container {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@-moz-keyframes show_ajax_container {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@keyframes show_ajax_container {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}



#loading-layer {

    opacity: 0;

    background-color: #1B1C1F;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    overflow: hidden;

    z-index: 100;

    -webkit-transition: opacity .3s ease-in-out;

    -moz-transition: opacity .3s ease-in-out;

    -ms-transition: opacity .3s ease-in-out;

    -o-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out;

}

#loading-layer.show-layer {
    opacity: 1;
}



/* Ajax Spinner */

#ajax-loader .spinner {

    display: block;

    position: fixed;

    z-index: 9999;

    top: 50%;

    left: 50%;

    margin-left: -20px;

    margin-top: 20px;

}



/* Spinner

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

.spinner {

    width: 40px;

    height: 40px;

    margin: 100px auto;

    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.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
}

.logo-dark {

    display: none;

}





/* 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: 18px;

    display: block;

    padding: 13px 15px;

    line-height: 48px;

    position: relative;

    text-align: center;

    /* text-transform: uppercase; */

    z-index: 98;

    font-weight: 800;

    /* 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: 18px;

    letter-spacing: 0;

    padding: 16px 20px !important;

    text-align: left;

    line-height: normal;

    font-weight: 800
}



#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: 4px;

    right: 0px;

    color: #fff;

    font-size: 18px;

    cursor: pointer;

    opacity: 0.8;

}

#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;

}



/* Icon Nav */

#icon-nav {

    float: right;

    margin-left: 10px;

    margin-top: 24px
}

#icon-nav>.icon-nav-item {

    float: right;

    position: relative;

    margin-left: 20px;

}

#icon-nav #shop-link {

    font-size: 25px;

    font-weight: normal;

}

#icon-nav #shop-link 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;

}





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

    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;

}

.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;

}

.more-link:after,
.more-link-excerpt:after {

    font-family: "icomoon";

    content: "\f105";

    margin-left: 10px;

    line-height: normal;

    font-size: 14px;

    position: relative;

    top: 1px;

}





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

    11. Intro Section

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

.intro {

    position: relative;

    width: 100%;

    background: #1B1C1F;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    background: transparent url(../img/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(../img/overlay-noise.gif) left top repeat;

    opacity: 0.04;

}



/* Overlay Grid */

.intro .overlay.grid {

    background: transparent url(../img/overlay-grid.png) left top repeat;

    opacity: 0.8;

}



/* Overlay Dots */

.intro .overlay.dots {

    background: transparent url(../img/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;

}

.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-captions .caption-title,
.intro-page-title .content-title {

    color: #fff;

    margin-bottom: 0;

    width: 100%;

    display: block;

    margin-top: 0px;

    font-size: 56px;
    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 .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 {

    color: rgba(255, 255, 255, 0.5);

}

.countdown .hours {

    color: rgba(255, 255, 255, 0.6);

}

.countdown .minutes {

    color: rgba(255, 255, 255, 0.7);

}

.countdown .seconds {

    color: rgba(255, 255, 255, 9);

}



.countdown .days:after,
.countdown .hours:after,
.countdown .minutes:after,
.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 */

.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;

}

.event-countdown.compact .upcoming-locations {

    font-size: 18px;

    margin-bottom: 0;

    opacity: 0.6;

    font-weight: 300;

}



/* Big */

.event-countdown.big {

    text-align: center;

}

.event-countdown.big .upcoming-title {

    font-size: 50px;

    margin-bottom: 0;

    text-transform: uppercase;

}

.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: 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;

}

.masonry-list .event-li.selected,

.masonry-list .event-li:hover {

    background-color: #eee;

}

.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;

}

.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 .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 */

.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: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 1;

    margin: 20%;

    opacity: 0.5;

}

.thumb-post-count .desc-plus:before {

    content: "";

    width: 100%;

    height: 2px;

    background-color: #fff;

    z-index: 2;

    position: absolute;

    top: 50%;

    left: 0;

}

.thumb-post-count .desc-plus:after {

    content: "";

    height: 100%;

    width: 2px;

    background-color: #fff;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 50%;

}

.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;

}



/* 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-top: 20px; */

    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;

}





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

    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;

}

#footer-note p {

    margin-bottom: 0;

    color: #777777;

    font-size: 14px;

}

#footer-note p a {

    color: #ccc;

}

#footer-note p 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: #333;

}

.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 */

.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 */

.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;

}

.btn.btn-icon.stamp-btn {

    padding-left: 0;

}

.btn.btn-icon.stamp-btn .icon {

    padding: 13px 10px 16px 14px;

    color: #222;

}

.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() 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;

}

.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 {

    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 {

    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() 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

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





/* 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 (min-width:1200px) {}





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

    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
    }



    /* 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%;

    }



}

#catapult-cookie-bar {
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    z-index: 99999;
    overflow: hidden;
    color: #ddd;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #464646;
}

#catapult-cookie-bar a {
    color: #fff;
}

#catapult-cookie-bar .x_close span {}

button#catapultCookie {

    border: 0;
    padding: 6px 9px;
    border-radius: 3px;
}

#catapult-cookie-bar h3 {
    color: #ddd;
}

.has-cookie-bar #catapult-cookie-bar {
    opacity: 1;
    max-height: 999px;
    min-height: 30px;
}

/* Customizer Styles */

/* -------------> Accent Color */

/* Selection */
::-moz-selection {
    background: #ff0000;
}

::selection {
    background: #ff0000;
}

/* -----> Color */
a,
a>*,
blockquote cite a,
blockquote cite a:hover,
#searchform #searchsubmit i:hover,
.color,
#slidebar header a:hover,
#slidebar header a:hover span,
.format-quote .quote-text cite,
.format-quote .quote-text cite a .more-link,
.more-link-excerpt,
.grid-cats a:hover,
.grid-share-buttons a:hover .icon,
.thumb-event .event-day,
.logged-in-as a:hover,
#footer-note p a:hover,
.widget a:hover,
.widget-title a:hover,
.widget table#wp-calendar #next a:hover,
.widget table#wp-calendar #prev a:hover,
.tweets-widget li a:hover:before,
.tweets-widget li .date a,
.widget_noisa_recent_posts .rp-caption .rp-date,
.sp-time-elapsed,
#scamp_player.sp-show-list .sp-buttons-container a.sp-queue-button:before,
.circle-button:hover i.icon,
.track-button:hover,
.track-button:hover i.icon,
.icon_column .text-holder a:hover,
.icon_column:hover .icon_column_title,
.icon_column:hover .icon {
    color: #ff0000;
}

/* -----> Background */
.spinner,
#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,
.post-navigation a:hover,
.meta-cats a,
.meta-col .meta-comments a,
.meta-tags a:hover,
.masonry-list .event-li.selected .date,
.masonry-list .event-li:hover .date,
.grid-content:after,
.section-title:after,
.comment .reply a:hover,
#scroll-button:hover,
.widget button,
.widget .button,
.widget input[type='button'],
.widget input[type='reset'],
.widget input[type='submit'],
.widget_tag_cloud .tagcloud a:hover,
.tweets-widget li:hover:before,
.badge.color,
.badge.soundcloud,
input[type='submit'],
button,
.btn,
.widget .btn,
.pill-btn,
.sp-progress .sp-position,
#scamp_player.paused .sp-position,
.sp-progress .sp-position:after,
.sp-volume-position,
.sp-volume-position:after,
.tweets li:hover:before,
ol.tracklist.simple li .simple-track.sp-play,
ol.tracklist.simple li .simple-track.sp-pause,
ol.tracklist.simple li .simple-track.sp-loading,
ol.tracklist.simple li .simple-track:hover,
#icon-nav #shop-link .shop-items-count {
    background-color: #ff0000;
}

/* -----> Border */
.meta-col .meta-comments a:after,
.intro-tabs-wrap a:hover,
.intro-tabs-wrap.intro-tabs-before-init a:first-child,
.intro-tabs-wrap a.active,
.direction-l .flag:before,
.direction-r .flag:before,
.price-table-inner.important-price {
    border-color: #ff0000;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bw-video .vc_video-bg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}

.vc_custom_1506620702856 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1500920677778 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-color: #242427 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1506359044706 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1500920677778 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-color: #242427 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1500406681114 {
    margin-bottom: 5px !important;
}

.vc_custom_1500406705487 {
    margin-bottom: 50px !important;
}

.vc_custom_1500566267729 {
    margin-bottom: 0px !important;
}

.vc_custom_1500407404596 {
    margin-bottom: 30px !important;
}

.vc_custom_1500920750507 {
    margin-bottom: 50px !important;
}

.vc_custom_1500481807491 {
    margin-bottom: 5px !important;
}

.vc_custom_1507027168968 {
    margin-bottom: 50px !important;
}

.vc_custom_1511273867251 {
    margin-bottom: 0px !important;
}

.vc_custom_1511273858746 {
    margin-bottom: 30px !important;
}

.vc_custom_1511273931641 {
    margin-bottom: 50px !important;
}

.wpb_animate_when_almost_visible {
    opacity: 1;
}