/*----------------------------------------GENERAL*/
*{margin:0px;padding:0px;font-family:"Segoeuisl";color:var(--main-c);}
html,body{height:100%;min-height:400px;position:relative;background-color:var(--main-bgc);}
a:any-link,a:any-link:visited{color:inherit;text-decoration:none;}
a:-webkit-any-link{color:inherit;text-decoration:none;}
a:-moz-any-link{color:inherit;text-decoration:none;}
a:-ms-any-link,a:-ms-any-link:visited{color:inherit;text-decoration:none;}
.contentWrapper{width:calc(100% - 0px);margin:auto;position:relative;}
.contentPanel{max-width:800px;margin:auto;}
.boxed{box-sizing:border-box;-webkit-bok-sizing:border-box;}
.block{margin-bottom:20px;border:1px solid var(--main-bc);padding:20px 10px;}
.block{border-left:none;border-right:none;}
.trans{-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;}
.trans{-o-transition:all 200ms ease;transition:all 200ms ease;}
.bgFull{background-size:cover;background-color:rgba(0,0,0,0.6);background-position:50% 50%;}
.bgContain{background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}
@font-face{font-family:'Roboto';src:url('../../fonts/Raleway/raleway_thin.ttf');}
/*-----------------------------------------LOADER*/
.page-loader{position:fixed;background-color:var(--main-bgc);bottom:0;right:0;left:0;top:0;z-index:9998;}
.loader{position:absolute;border-left:2px solid #777;border-top:2px solid rgba(100,100,100,0.4);}
.loader{border-right:2px solid rgba(100,100,100,0.4);border-bottom:2px solid rgba(100,100,100,0.4);}
.loader{height:46px;width:46px;left:50%;top:50%;margin:-23px 0 0 -23px;text-indent:-9999em;font-size:10px;}
.loader{z-index:9999;-webkit-animation:load 0.8s infinite linear;-moz-animation:load 0.8s infinite linear;}
.loader{ms-animation:load 0.8s infinite linear;o-animation:load 0.8s infinite linear;animation:load 0.8s infinite linear;}
.loader,.loader:after{border-radius:50%;width:46px;height:46px;}
@-webkit-keyframes load {
  0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load {
  0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/*-----------------------------------------HEADER*/
header{width:100%;background-color:var(--main-bgc);padding:40px 50px;box-sizing:border-box;font-size:14px;}
#logoWrapper,#artistWrapper{float:left;box-sizing:content-box;}
#logo>img{height:60px;}
#artistWrapper{padding:8px 0px;}
#artist{margin-left:20px;}
#menuWrapper{float:right;padding:8px 0px;}
#menu{color:var(--main-c);}
#menu:after{content:"";display:table;clear:both;}
#menu>ul{list-style:none;display:inline-block;float:right;margin-right:20px;}
#menu>ul>li{display:inline-block;padding:2px 0px;}
#menu>ul>li+li{margin-left:20px;}
#menu>div{display:inline-block;float:right;}
#menu>div>a{display:inline-block;margin-left:10px;}
/*-----------------------------------------SCROLL*/
/*----------------------------------------SECTION*/
section{}
.dataContainer{font-size:16px;}
/*-----------------------------------------FOOTER*/
/*-------------------------------------RESPONSIVE*/
@media screen and (max-width:500px){
    #logo{font-size:30px;}
}
@media screen and (max-width:900px){
    header{padding:50px 40px;}
	#logoWrapper,#artistWrapper{float:none;margin:auto;text-align:center;margin-bottom:20px;}
	#logoWrapper{margin-bottom:20px;}
    #artistWrapper{padding:0px;}
	#artist{margin-left:0px;}
	#menuWrapper{float:none;text-align:center;}
	#menu>ul{display:block;margin:auto;float:none;margin-right:0px;}
	#menu>div{display:block;margin:auto;float:none;margin-bottom:20px;}
	#menu>div>a{margin-left:0px;}
	#menu>div>a+a{margin-left:10px;}
}
