@charset "UTF-8";

figure{margin:0}
iframe{display:block}
nav ul{margin:0;padding:0;list-style:none}
textarea{resize:vertical}
div.csc-textpic-left .csc-textpic-imagewrap,div.csc-textpic div.csc-textpic-imagecolumn{float:none}
div.csc-textpic .csc-textpic-imagewrap figure,div.csc-textpic figure.csc-textpic-imagewrap{display:block}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{margin:0}
div.csc-textpic .csc-textpic-imagewrap img{width:100%;height:auto}
*,*:before,*:after{box-sizing:border-box}
html{padding:0}
html,body{position:relative;margin:0}
html{height:100%}
body{min-height:100%;padding:20px;text-align:center;color:#fff;font-family:"Lato";-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;font-size:14px;line-height:1.2;text-rendering:geometricPrecision;background-color:#040404}
@media (min-width:768px){
    body{padding:0;text-align:left;display:box;display:-webkit-flex;display:-moz-flex;display:flex;box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-ms-flex-align:stretch}
}
h1,h2,h3,h4,h5,h6,blockquote,p,table,dl,ul,ol{margin:0 0 16.8px}
a{text-decoration:none;color:#CCDB74;font-weight:700}
a:hover,a:focus{outline:none;text-decoration:underline}
p{line-height:1.5}*::selection{background:#bfbfbf}
*::-moz-selection{background:#bfbfbf}
.align-right{text-align:right}
.align-center{text-align:center}
.uppercase{text-transform:uppercase}
.highlight{font-size:18px;font-weight:700}
@media (min-width:992px){
    .mobile-only{display:none}
}
.page-background{position:absolute;top:0;left:0;width:100%;max-height:100%;z-index:-1}
@media (min-width:768px){
    .header{padding-left:16.6666666667%;padding-right:16.6666666667%;margin-top:20px}
    .header::after{clear:both;content:"";display:table}}
    .header__logo{border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;padding:30px
}
@media (min-width:768px){
    .header__logo{padding:0;width:41.6666666667%;float:left}
}
.header__logo img{width:100%;height:auto}
.header__logo a,.header__logo img{display:block}
.header__slogan{padding:10px;text-align:center;font-size:18px}
@media (min-width:768px){
    .header__slogan{text-align:left;width:50%;margin-left:8.3333333333%;float:right;margin-right:0}
    .header__slogan span{display:block}
    .header__slogan p{margin:0}
    .header__slogan .line-1{font-size:22px}
    .header__slogan .line-2{font-size:26px}
}
@media (min-width:1200px){
    .header__slogan .line-1{font-size:28px}
    .header__slogan .line-2{font-size:34px}
}
@media (min-width:768px){
    .header__slogan__inner{-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg);padding:5px;text-align:center}
}
@media (min-width:768px){
    .main{margin-top:40px;margin-left:auto;margin-right:auto;min-height:1px;box-flex:1;-webkit-flex:1;-moz-flex:1;flex:1}
    .main::after{clear:both;content:"";display:table}
}
@media (min-width:768px) and (min-width:992px){
    .main{max-width:970px}
}
@media (min-width:768px) and (min-width:1200px){
    .main{max-width:1185px}
}
@media (min-width:768px){
    .content{margin-left:8.3333333333%;width:50%;float:left;padding:0 40px}
}
@media (min-width:768px){
    .content-right{width:25%;float:left}
}
.contact{position:relative;z-index:1;text-align:center}
.contact a{color:#fff}
@media (min-width:768px){
    .contact h3{margin-bottom:4px}
}
.contact ul{
    list-style:none;padding:0;margin:0 0 10px
}
@media (min-width:768px){
    .contact ul{line-height:22px;margin-bottom:0;display:box;display:-webkit-flex;display:-moz-flex;display:flex;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center}
}
@media (min-width:768px){
    .contact li:after{content:" | "}.contact li:last-child:after{content:none}
}
@media (min-width:768px){
    .contact__center{margin-left:auto;margin-right:auto;min-height:1px}
    .contact__center::after{clear:both;content:"";display:table}
}
@media (min-width:768px) and (min-width:992px){
    .contact__center{max-width:970px}
}
@media (min-width:768px) and (min-width:1200px){
    .contact__center{max-width:1185px}
}
@media (min-width:768px){
    .contact__center::after{clear:both;content:"";display:table}
}
@media (min-width:768px){
    .contact__box{margin-left:8.3333333333%;width:83.3333333333%;float:left;padding:10px 40px}
}
@media (min-width:992px){
    .contact__box{margin-left:16.6666666667%;width:66.6666666667%;float:left}
}
.contact__box__icons{display:box;display:-webkit-flex;display:-moz-flex;display:flex;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;font-size:32px}
.contact__box__icons li{margin:0;padding:0}
.contact__box__icons li:after{content:" | "}
.contact__box__icons li:last-child:after{content:none}
@media (min-width:768px){
    .contact__box__icons{font-size:20px}
}
.bottom{display:none;background-color:#000}
@media (min-width:768px){
    .bottom{display:block}
}
.bottom__center{margin-left:auto;margin-right:auto;min-height:1px;position:relative}
.bottom__center::after{clear:both;content:"";display:table}
@media (min-width:992px){
    .bottom__center{max-width:970px}
}
@media (min-width:1200px){
    .bottom__center{max-width:1185px}
}
.bottom__instr{position:absolute;bottom:30%;width:auto;height:auto}
.bottom__instr--accoustic{left:0%}.bottom__instr--bass{right:5%;bottom:50%}
.bottom__instr--fender{right:0%}
.bottom__floor{height:auto;width:100%;display:block}

.contact {
    margin-top: 50px;
}

@media (min-width: 768px) {
    .content {
        text-align: center;
    }
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-30 {
    margin-top: 30px;
}

.video-wrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 80%;
}

.video-wrap::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(min-width: 768px) {
    .video-wrap {
        width: 100%;
    }
}