html {height:100%; }
body {background:#f1f1ee; font-family:'cora', sans-serif; color:#000; height:100%; font-weight:normal; margin:0; padding:0; }
.main {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
text-align:center; 
z-index:88;
}

.mainz {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
text-align:center; 
z-index:88;
}

@font-face {
font-family: 'Helvetica 73 Bold Extended';
font-style: normal;
font-weight: normal;
src: local('Helvetica 73 Bold Extended'), url('/assets/fonts/HelveticaNeue-BoldExt.woff') format('woff');
}

.hel {font-family:'Helvetica 73 Bold Extended';}

.desk {}
.mob {display:none;}

.main-index {margin-top:-167px; margin-left: -147px;}
.main-music {margin-left:-170px; margin-top:-170px;}
.main-contact {margin-left:-170px; margin-top:-165px;}

/*.title, .titlelast {display:inline-block; font-family:'UnifrakturMaguntia'; font-size:35px; line-height:20px;}
.title {letter-spacing:25px; }
.title2 {font-family:'UnifrakturMaguntia'; font-size:20px; letter-spacing:2px;}
*/

.titlesvg {width:330px; margin-left:-13px;}
.title2svg {width:205px; margin-left:-63px; margin-top:4px;}
.title2svg-clickblock {display:block; width:205px; margin-left:-62px; height:16px; position:absolute;}

.title {display:inline-block; font-family:'angie-sans'; font-size:18px; line-height:20px; text-transform:uppercase; letter-spacing:35px; margin-left:-17px;}
.titleblock {display:block; font-size:13px; font-weight:300; color:#000; margin:75px 0; }
.title2 {font-family:'angie-sans'; text-transform:uppercase; font-size:13px; letter-spacing:20px; margin-top:3px; display:inline-block; margin-left:-61px;}
.title2 a {color:#000 !important; text-decoration:none;}
.titlelast {}
.upleft {position:fixed; top:20px; left:20px; z-index:99; }
.upright {position:fixed; top:20px; right:20px; z-index:99;}
.bottleft {position:fixed; bottom:20px; left:20px; z-index:99;}
.bottright {position:fixed; bottom:20px; right:20px; z-index:99;}
.bottmid {position:fixed; bottom:20px; left:50%; margin-left:-32px; z-index:99;}
.upmid {position:fixed; top:20px; left:50%; margin-left:-41px; z-index:99;}
.upleft span, .upleft a, .upright a, .bottleft a, .bottright span, .bottmid a {font-family:'Helvetica 73 Bold Extended'; font-size:14px; color:#000; letter-spacing:1px; text-decoration:none; text-transform:uppercase;}
.topbar {height:60px; background:#f1f1ee; width:100%; position:fixed; top:0; left:0; z-index:8;}
.bottombar {height:60px; background:#f1f1ee; width:100%; position:fixed; bottom:0; left:0; z-index:8;}

a {transition:all 300ms;}
a:hover {transition:all 300ms; opacity:0.5;}

.rec {font-family:"cora"; font-size:16px; display:inline-block; margin-bottom:5px;}

.boxes {
padding:20px;
color:#fff;
position:fixed;
z-index:999;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
visibility: hidden;
line-height:14px;
font-family:"proxima-nova";
font-size:13px;
}

.rule {border-top:1px solid #000; margin-bottom:10px;}
.nova {font-family:"proxima-nova" !important;}

.watchvid a {font-size:11px !important; line-height:16px !Important; font-family:"proxima-nova" !important; display:inline-block !important; padding:13px 16px; border:1px solid #fff;}

.music a {font-family:'cora'; font-size:16px; text-transform:uppercase; text-decoration:none; color:#fff; display:block; font-weight:100; line-height:40px; letter-spacing:3px;}

.contact a {font-family:'cora'; font-size:13px; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:100; line-height:20px; letter-spacing:3px;}


.big {font-size:23px !important; display:block;}

.music {background: #000; line-height:18px; font-size:13px; font-family:"proxima-nova" !important;}
.contact {background: #000; line-height:23px; font-size:13px; font-family:'cora' !important; font-weight:normal;}
#musictog {color:#000;}

.novasmall {font-family:"proxima-nova"; font-weight:normal; font-size:9px; letter-spacing:1px; display:block;}

.closers {padding:10px; border:1px solid #fff; font-size:10px; display:inline-block; position:absolute; top:0; right:60px; line-height:13px; background:#f1f1ee; font-family:'cora'; letter-spacing:1px;}

#musicclose, #contactclose {color:#000;}

.tour {margin-top:50px; font-family:"proxima-nova", sans-serif; font-size:12px;}

.boxlinks a {font-family:"proxima-nova"; font-size:11px; font-weight:normal; padding:8px 7px 7px 7px; line-height:5px; margin-top:5px; border:1px solid #000; color:#000; display:inline-block; text-decoration:none; text-transform:none !important; letter-spacing:3px;}
.boxlinks {margin-top:10px;}
.opplink {color:#fff !important; background:#000 !important; margin-top:10px !Important;}


/*b8a25c*/

.closers, .openers {cursor:pointer;}
.closers:hover, .openers:hover {transition:all 400ms; opacity:0.5;}

.distract {opacity:0; position:absolute;}

.m-fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.m-fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}

@media (max-width:450px) {
.title {letter-spacing:18px !important; margin-left:20px; font-size:22px;}
.title2 {letter-spacing:8px; margin-left:-18px;}
.titlesvg {width:230px; margin-left:-5px;}
.title2svg {width:118px; margin-left:-19px;}
.desk {display:none;}
.mob {display:inline-block;}
}

@media (max-height:320px) {
.music a {font-size:16px; display:inline-block; margin-right:20px; font-weight:100; line-height:40px; }
.contact a {font-size:12px; display:inline-block; margin-right:20px; font-weight:100; line-height:20px; }
.main-music {margin-top:-115px;}
.novasmall {display:inline-block; margin-right:15px;}
.main-contact {margin-top:-125px; width:400px; margin-left:-200px;}
.vid-contact {margin-top: 20px; display:inline-block;}
.watchvid a {padding:5px 8px !important; }
}