/* --- Normalize --- */

html {line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, footer, header, nav, section {display: block;}
figcaption, figure, main{display: block;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent; -webkit-text-decoration-skip: objects;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: 700;}
code, kbd, sam p{font-family: monospace, monospace; font-size: 1em;}
dfn {font-style: italic;}
mark {background-color: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
audio, video {display:inline-block;}
audio:not([controls]) {display: none; height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button, input, optgroup, select, textarea {font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
[type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {border-style: none; padding: 0;}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: .35em .75em .625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {display: inline-block; vertical-align: baseline;}
textarea {overflow: auto;}
[type=checkbox], [type=radio] {box-sizing: border-box; padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto;}
[type=search] {-webkit-appearance: textfield; outline-offset: -2px;}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}
details, menu {display: block;}
summary {display: list-item;}
canvas {display: inline-block;}
template {display: none;}
[hidden] {display: none;}


/* --- Reset --- */

html, body {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
span, h1, h2, h3, h4, h5, h6, p, a, label {vertical-align: baseline;}
img, object, embed {max-width: 100%;}


/* --- Global --- */

body {height: 100%; position: relative; -ms-overflow-style: scrollbar; background: #000; color: #fff; min-width: 300px;}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], textarea, select {height: 50px; border: none; padding: 0 0; box-sizing: border-box; width: 100%; outline: none; color: #1D1D1D; background: transparent; border-radius: 0; border-bottom: 2px solid #1D1D1D; font-size: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; font-weight: 500;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus {border-bottom-color: #493CD6;}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], textarea {-webkit-appearance: none; appearance: none;}
textarea {height: 150px; padding: 10px 0; resize: vertical; font-weight: 500;}
em, i {font-style: italic;}
blockquote {background: #c4c4c4; border: none; margin: 30px 0 30px; padding: 30px 30px 20px; quotes: none; clear: both; color: #fff; position: relative;}
blockquote:before {content: '“'; font-size: 150px; color: #424242; font-family: Arial; width: 92px; height: 64px; display: block; position: absolute; left: 50px; top: -40px; line-height: 1;}
blockquote p {margin: 15px 0; display: block;}
table {width: 100%;}
table td {padding: 1px 5px;}
label {display: block;}
a {color: #493CD6; outline: none; text-decoration: none;}
a:hover {color: #5968c7;}
@media (max-width: 767px) {
	blockquote {padding: 40px 30px 30px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.preloader {display: none !important;}
}


/* --- Fonts --- */

html, body, input, textarea, select, button {font: 400 14px/1.8 'Source Sans Pro', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: .67em 0; line-height: 1.3; color: #1D1D1D; font-family: 'Playfair Display', serif; font-weight: 700;}
h1, .h1 {font-size: 60px;}
h2, .h2 {font-size: 50px;}
h3, .h3 {font-size: 40px;}
h4, .h4 {font-size: 36px;}
h5, .h5 {font-size: 30px;}
h6, .h6 {font-size: 26px;}
@media (max-width: 1200px) {
	h1, .h1 {font-size: 50px;}
	h2, .h2 {font-size: 40px;}
	h3, .h3 {font-size: 36px;}
	h4, .h4 {font-size: 30px;}
	h5, .h5 {font-size: 26px;}
	h6, .h6 {font-size: 24px;}
}
@media (max-width: 767px) {
	h1, .h1 {font-size: 35px;}
	h2, .h2 {font-size: 30px;}
	h3, .h3 {font-size: 27px;}
	h4, .h4 {font-size: 24px;}
	h5, .h5 {font-size: 22px;}
	h6, .h6 {font-size: 20px;}
}


/* BS Grid */

.row {margin-left: -15px; margin-right: -15px;}
.row.mg20 {margin-left: -20px; margin-right: -20px;}
.row.mg20 > div {padding-left: 20px; padding-right: 20px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width: 100%;} .col-xs-11 {width: 91.66666667%;} .col-xs-10 {width: 83.33333333%;} .col-xs-9 {width: 75%;} .col-xs-8 {width: 66.66666667%;} .col-xs-7 {width: 58.33333333%;} .col-xs-6 {width: 50%;} .col-xs-5 {width: 41.66666667%;} .col-xs-4 {width: 33.33333333%;} .col-xs-3 {width: 25%;} .col-xs-2 {width: 16.66666667%;} .col-xs-1 {width: 8.33333333%;} .col-xs-pull-12 {right: 100%;} .col-xs-pull-11 {right: 91.66666667%;} .col-xs-pull-10 {right: 83.33333333%;} .col-xs-pull-9 {right: 75%;} .col-xs-pull-8 {right: 66.66666667%;} .col-xs-pull-7 {right: 58.33333333%;} .col-xs-pull-6 {right: 50%;} .col-xs-pull-5 {right: 41.66666667%;} .col-xs-pull-4 {right: 33.33333333%;} .col-xs-pull-3 {right: 25%;} .col-xs-pull-2 {right: 16.66666667%;} .col-xs-pull-1 {right: 8.33333333%;} .col-xs-pull-0 {right: auto;} .col-xs-push-12 {left: 100%;} .col-xs-push-11 {left: 91.66666667%;} .col-xs-push-10 {left: 83.33333333%;} .col-xs-push-9 {left: 75%;} .col-xs-push-8 {left: 66.66666667%;} .col-xs-push-7 {left: 58.33333333%;} .col-xs-push-6 {left: 50%;} .col-xs-push-5 {left: 41.66666667%;} .col-xs-push-4 {left: 33.33333333%;} .col-xs-push-3 {left: 25%;} .col-xs-push-2 {left: 16.66666667%;} .col-xs-push-1 {left: 8.33333333%;} .col-xs-push-0 {left: auto;} .col-xs-offset-12 {margin-left: 100%;} .col-xs-offset-11 {margin-left: 91.66666667%;} .col-xs-offset-10 {margin-left: 83.33333333%;} .col-xs-offset-9 {margin-left: 75%;} .col-xs-offset-8 {margin-left: 66.66666667%;} .col-xs-offset-7 {margin-left: 58.33333333%;} .col-xs-offset-6 {margin-left: 50%;} .col-xs-offset-5 {margin-left: 41.66666667%;} .col-xs-offset-4 {margin-left: 33.33333333%;} .col-xs-offset-3 {margin-left:25%;} .col-xs-offset-2 {margin-left: 16.66666667%;} .col-xs-offset-1 {margin-left: 8.33333333%;} .col-xs-offset-0 {margin-left: 0;}
@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 {width: 8.33333333%;} .col-sm-pull-12 {right: 100%;} .col-sm-pull-11 {right: 91.66666667%;} .col-sm-pull-10 {right: 83.33333333%;} .col-sm-pull-9 {right: 75%;} .col-sm-pull-8 {right: 66.66666667%;} .col-sm-pull-7 {right: 58.33333333%;} .col-sm-pull-6 {right: 50%;} .col-sm-pull-5 {right: 41.66666667%;} .col-sm-pull-4 {right: 33.33333333%;} .col-sm-pull-3 {right: 25%;} .col-sm-pull-2 {right: 16.66666667%;} .col-sm-pull-1 {right: 8.33333333%;} .col-sm-pull-0 {right: auto;} .col-sm-push-12 {left: 100%;} .col-sm-push-11 {left: 91.66666667%;} .col-sm-push-10 {left: 83.33333333%;} .col-sm-push-9 {left: 75%;} .col-sm-push-8 {left: 66.66666667%;} .col-sm-push-7 {left: 58.33333333%;} .col-sm-push-6 {left: 50%;} .col-sm-push-5 {left: 41.66666667%;} .col-sm-push-4 {left: 33.33333333%;} .col-sm-push-3 {left: 25%;} .col-sm-push-2 {left: 16.66666667%;} .col-sm-push-1 {left: 8.33333333%;} .col-sm-push-0 {left: auto;} .col-sm-offset-12 {margin-left: 100%;} .col-sm-offset-11 {margin-left: 91.66666667%;} .col-sm-offset-10 {margin-left: 83.33333333%;} .col-sm-offset-9 {margin-left: 75%;} .col-sm-offset-8 {margin-left: 66.66666667%;} .col-sm-offset-7 {margin-left: 58.33333333%;} .col-sm-offset-6 {margin-left: 50%;} .col-sm-offset-5 {margin-left: 41.66666667%;} .col-sm-offset-4 {margin-left: 33.33333333%;} .col-sm-offset-3 {margin-left: 25%;} .col-sm-offset-2 {margin-left: 16.66666667%;} .col-sm-offset-1 {margin-left: 8.33333333%;} .col-sm-offset-0 {margin-left: 0;}
}
@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left} .col-md-12 {width: 100%;} .col-md-11 {width: 91.66666667%;} .col-md-10 {width: 83.33333333%;} .col-md-9 {width: 75%;} .col-md-8 {width: 66.66666667%;} .col-md-7 {width: 58.33333333%;} .col-md-6 {width: 50%;} .col-md-5 {width: 41.66666667%;} .col-md-4 {width: 33.33333333%;} .col-md-3 {width: 25%;} .col-md-2 {width: 16.66666667%;} .col-md-1 {width: 8.33333333%;} .col-md-pull-12 {right: 100%;} .col-md-pull-11 {right: 91.66666667%;} .col-md-pull-10 {right: 83.33333333%;} .col-md-pull-9 {right: 75%;} .col-md-pull-8 {right: 66.66666667%;} .col-md-pull-7 {right: 58.33333333%;} .col-md-pull-6 {right: 50%;} .col-md-pull-5 {right: 41.66666667%;} .col-md-pull-4 {right: 33.33333333%;} .col-md-pull-3 {right: 25%;} .col-md-pull-2 {right: 16.66666667%;} .col-md-pull-1 {right: 8.33333333%;} .col-md-pull-0 {right: auto;} .col-md-push-12 {left: 100%;} .col-md-push-11 {left: 91.66666667%;} .col-md-push-10 {left: 83.33333333%;} .col-md-push-9 {left: 75%;} .col-md-push-8 {left: 66.66666667%;} .col-md-push-7 {left: 58.33333333%;} .col-md-push-6 {left: 50%;} .col-md-push-5 {left: 41.66666667%;} .col-md-push-4 {left: 33.33333333%;} .col-md-push-3 {left: 25%;} .col-md-push-2 {left: 16.66666667%;} .col-md-push-1 {left: 8.33333333%;} .col-md-push-0 {left: auto;} .col-md-offset-12 {margin-left: 100%;} .col-md-offset-11 {margin-left: 91.66666667%;} .col-md-offset-10 {margin-left: 83.33333333%;} .col-md-offset-9 {margin-left: 75%;} .col-md-offset-8 {margin-left: 66.66666667%;} .col-md-offset-7 {margin-left: 58.33333333%;} .col-md-offset-6 {margin-left: 50%;} .col-md-offset-5 {margin-left: 41.66666667%;} .col-md-offset-4 {margin-left: 33.33333333%;} .col-md-offset-3 {margin-left: 25%;} .col-md-offset-2 {margin-left: 16.66666667%;} .col-md-offset-1 {margin-left: 8.33333333%;} .col-md-offset-0 {margin-left: 0;}
}
@media (min-width: 1181px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left} .col-lg-12 {width: 100%;} .col-lg-11 {width: 91.66666667%;} .col-lg-10 {width: 83.33333333%;} .col-lg-9 {width: 75%;} .col-lg-8 {width: 66.66666667%;} .col-lg-7 {width: 58.33333333%;} .col-lg-6 {width: 50%;} .col-lg-5 {width: 41.66666667%;} .col-lg-4 {width: 33.33333333%;} .col-lg-3 {width: 25%;} .col-lg-2 {width: 16.66666667%;} .col-lg-1 {width: 8.33333333%;} .col-lg-pull-12 {right: 100%;} .col-lg-pull-11 {right: 91.66666667%;} .col-lg-pull-10 {right: 83.33333333%;} .col-lg-pull-9 {right: 75%;} .col-lg-pull-8 {right: 66.66666667%;} .col-lg-pull-7 {right: 58.33333333%;} .col-lg-pull-6 {right: 50%;} .col-lg-pull-5 {right: 41.66666667%;} .col-lg-pull-4 {right: 33.33333333%;} .col-lg-pull-3 {right: 25%;} .col-lg-pull-2 {right: 16.66666667%;} .col-lg-pull-1 {right: 8.33333333%;} .col-lg-pull-0 {right: auto;} .col-lg-push-12 {left: 100%;} .col-lg-push-11 {left: 91.66666667%;} .col-lg-push-10 {left: 83.33333333%;} .col-lg-push-9 {left: 75%;} .col-lg-push-8 {left: 66.66666667%;} .col-lg-push-7 {left: 58.33333333%;} .col-lg-push-6 {left: 50%;} .col-lg-push-5 {left: 41.66666667%;} .col-lg-push-4 {left: 33.33333333%;} .col-lg-push-3 {left: 25%;} .col-lg-push-2 {left: 16.66666667%;} .col-lg-push-1 {left: 8.33333333%;} .col-lg-push-0 {left: auto;} .col-lg-offset-12 {margin-left: 100%;} .col-lg-offset-11 {margin-left: 91.66666667%;} .col-lg-offset-10 {margin-left: 83.33333333%;} .col-lg-offset-9 {margin-left: 75%;} .col-lg-offset-8 {margin-left: 66.66666667%;} .col-lg-offset-7 {margin-left: 58.33333333%;} .col-lg-offset-6 {margin-left: 50%;} .col-lg-offset-5 {margin-left: 41.66666667%;} .col-lg-offset-4 {margin-left: 33.33333333%;} .col-lg-offset-3 {margin-left: 25%;} .col-lg-offset-2 {margin-left: 16.66666667%;} .col-lg-offset-1 {margin-left: 8.33333333%;} .col-lg-offset-0 {margin-left: 0;}
}
@media (min-width: 1181px) {.visible-xs, .visible-sm, .visible-md, .hidden-lg {display: none !important;}}
@media (min-width: 992px) and (max-width: 1180px) {.visible-xs, .visible-sm, .hidden-md, .visible-lg {display: none !important;}}
@media (min-width: 768px) and (max-width: 991px) {.visible-xs, .hidden-sm, .visible-md, .visible-lg {display: none !important;}}
@media (max-width: 767px) {.hidden-xs, .visible-sm, .visible-md, .visible-lg {display: none !important;}}
.clearfix:before, .clearfix:after, .row:before, .row:after {content: ' '; display: table;}
.clearfix:after, .row:after {clear: both;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.invisible {visibility: hidden;}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.cl, .clear {display: block; clear: both;}
.text-uppercase {text-transform: uppercase;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.empty-space-5 {height: 5px;}
.empty-space-10 {height: 10px;}
.empty-space-12 {height: 12px;}
.empty-space-15 {height: 15px;}
.empty-space-20 {height: 20px;}


/* --- Theme --- */

body {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#18304a+0,457d7e+100 */ background: #18304a; /* Old browsers */ background: -moz-linear-gradient(top,  #18304a 0%, #457d7e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #18304a 0%,#457d7e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #18304a 0%,#457d7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
body {}
.site-wrapper {max-width: 800px; margin: 0 auto; background-image: url(/img/bg2.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto;}
.wrapper {padding: 0 12px;}
.item {border: 1px solid #353535; padding: 5px;}
svg {fill: currentColor;}


/* --- Header --- */

.header {padding: 30px 0 25px;}
.header .logo {display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.header .logo .avatar {display: block; margin: 0 auto; width: 100%; height: auto; max-width: 110px; border-radius: 50%;}
.header .logo .logo {display: block; margin: 10px auto 0; width: 100%; height: auto; max-width: 150px;}


/* --- Item --- */

.item {background: #fff; color: #111; border-radius: 10px; padding: 8px; line-height: 1.1; font-size: 17px;}
.item strong {}
.item em {color: #666; font-style: normal; font-size: 12px;}
.item .icons {float: left; padding-right: 3px;}
.item .icons a {display: inline-block; vertical-align: middle; color: #111; margin-right: 10px;}
.item .icons a svg {display: block; width: 26px; height: 26px; margin: 0 auto;}
.item .icons a span {display: block; font-size: 10px; text-align: center; margin: 5px auto 0;}
.item .icons .spotify {color: #1cd05d;}
.item .icons .bandcamp {color: #000;}
.spotify-widget iframe {border-radius: 10px; display: block;}


/* --- Footer --- */

.footer {color: #fff; font-size: 12px; text-align: center; padding-top: 20px;}


/* --- Video --- */

.video {position: relative; padding-bottom: 56.25%; height: 0;}
.video iframe,
.video object,
.video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; border: none; overflow: hidden; border-radius: 10px;}
.video i {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; -webkit-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; background-position: center center; background-size: cover; pointer-events: none; border-radius: 10px;}
.video .play:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {cursor: pointer;}
.video .play {position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; z-index: 4; pointer-events: none;}
.video .play svg {height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.video .play .play-bg {-webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1); transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1); fill: #212121; fill-opacity: .8;}
.video .force-play {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.video.loaded i {opacity: 0;}
.video.loaded .play {opacity: 0;}
.video.loaded .force-play {display: none;}

/* --- Bottom icons --- */

.bottom-icons {text-align: center;}
.bottom-icons a {display: inline-block; vertical-align: middle; margin: 0 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.bottom-icons a:active {opacity: 0.7;}
.bottom-icons a img {display: block; height: 50px; width: auto;}