@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'GothamBoldRegular';
    src: url('../fonts/gothambold.eot');
    src: url('../fonts/gothambold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambold.woff') format('woff'),
         url('../fonts/gothambold.ttf') format('truetype'),
	 url('../fonts/gothambold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBookRegular';
    src: url('../fonts/gothambook.eot');
    src: url('../fonts/gothambook.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambook.woff') format('woff'),
         url('../fonts/gothambook.ttf') format('truetype'),
	 url('../fonts/gothambook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'GothamMediumRegular','Helvetica Neue',Helvetica,sans-serif;
    src: url('../fonts/gothammedium.eot');
    src: url('../fonts/gothammedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothammedium.woff') format('woff'),
         url('../fonts/gothammedium.ttf') format('truetype'),
	 url('../fonts/../fonts/gothammedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamLightRegular';
    src: url('../fonts/gothamlight.eot');
    src: url('../fonts/gothamlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamlight.woff') format('woff'),
         url('../fonts/gothamlight.ttf') format('truetype'),
	 url('../fonts/gothamlight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?38758784'); src: url('../fonts/fontello.eot?38758784#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?38758784') format('woff'), url('../fonts/fontello.ttf?38758784') format('truetype'), url('../fonts/fontello.svg?38758784#fontello') format('svg'); font-weight: normal; font-style: normal;}

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em;}
.icon-youtube:before { content: '\e805'; }
.icon-pause:before { content: '\e80a'; }
.icon-play:before { content: '\e809'; }
.icon-close:before { content: '\e80c'; }
.icon-cancel-circle:before { content: '\e80b'; }
.icon-play2:before { content: '\e808'; } 
.icon-pause-circled:before { content: '\e807'; }
.icon-spin2:before { content: '\e800'; }
.icon-twitter:before { content: '\e803'; }
.icon-facebook:before { content: '\e802'; }
.icon-soundcloud:before { content: '\e804'; }


/*////////////// DEFAULTS //////////////////*/
html{ margin:0; border:0;height:100%; width:100%; min-width:320px; background:#fff; overflow: hidden;}
body{ width:100%; height:100%;padding: 0px; margin:0px; border:0; font-family:'GothamBookRegular','Helvetica Neue',Helvetica,sans-serif; font-weight:normal; color:#000; font-size:13px; -webkit-text-size-adjust: 100%; background:#fff; overflow: hidden;}
*{ box-sizing: border-box; -moz-box-sizing: border-box; }
b{ font-family:'GothamBoldRegular','HelveticaNeue-Bold',Helvetica,sans-serif; font-weight: normal;}
img{ margin:0; border:0; display:block;}
header{ display:block; position:relative; height:100px; width:100%;}
h1{ font-family:'GothamBoldRegular','HelveticaNeue-Bold',Helvetica,sans-serif; font-weight:normal; font-size:74px; display:block; margin:0;}
h2{ font-family:'GothamBoldRegular','HelveticaNeue-Bold',Helvetica,sans-serif; font-weight:normal; font-size:30px; display:block; margin:0;}
.section-wrapper > h2{ color:#999; margin-top:60px; margin-bottom:30px; }
h3{ font-family:'GothamBoldRegular','HelveticaNeue-Bold',Helvetica,sans-serif; font-size:18px; font-weight: normal; margin-top:0px;}
table{ border:0; margin:0; padding:0;}
td{ vertical-align:top;}
.mobile{ display:none;}
#loader, #product-loader{ width:40px; height:40px; position:fixed; z-index:2000; background: url(../img/develop/load.png) top left; background-position:0px 0px; top:50%; left:50%; margin-top:-20px; margin-left:-20px; display:none; background:none; text-align: center;}
#loader img, #product-loader img{ position:relative; }
#product-loader{ position:absolute; }
.hidden{ display:none;}
.cover{ position: absolute; width:100%; height: 100%; opacity:0;}
.veil{ position: absolute; width:100%; height: 100%; background: rgba(0,0,0,0.4);}
.bg{ position: absolute; width:100%; height:100%; background-size: cover; background-position: center;}
/*////////////////////////////////////*/

/*////////////// PAGES //////////////////*/
#page-container{ position: relative; height:100%; width:100%; overflow:hidden; }
section, .page{ display:block; position:absolute; top:0px; margin-top:0px; width:100%; height:100%; background-position: center center; background-size:cover; overflow-y: auto; overflow-x: hidden; }
.page{ -webkit-overflow-scrolling: touch; }
section#home{ }
section#news{ left:100%; z-index: 3;}
section#schedule{ left:200%; z-index: 3; }
section#biography { left:300%; z-index: 3; }
section#discography{ left:400%; z-index: 3; }
section#gallery{ left:500%; z-index: 3; }
section#contact{ left:600%; z-index: 3; }
.section-wrapper{ position:absolute; width:100%; height:auto; min-height:100%; background-size:cover; background-position: center center; -webkit-transform: translate3d(0,0,0); }
#biography .section-wrapper{ }
.page#coll{ }
.page#type{ background:#fff; left:100%; }
.page#product-name{ background:#C9003A; left:200%; }
#product-name.day{ background:#A08F7E; }
#product-name h1{ position: absolute; text-align: center; width:50%; left:25%; margin-top:-40px; top:50%; color:#fff; }
.page#product{ left:300%; overflow: hidden; }
/*////////////////////////////////////*/


/*////////////// NAV //////////////////*/
#main-nav { position: relative;  z-index: 99;}
nav.main-nav{ position: fixed; top:120px; left:30px; display:block; width:178px; height:280px; font-size:16px; text-align: left;}
nav ul{ display:inline-block; margin:0 auto; padding:10px 15px; border:2px solid #fff; }
nav li{ display:inline-block; }
nav a{ position: relative; display:inline-block; height:50px; line-height: 27px; padding:10px 10px 0 10px; font-family:'GothamBookRegular','Helvetica Neue',Helvetica,sans-serif;}
nav div { position: relative; display:inline-block; height:50px; line-height: 27px; padding:10px 10px 0 10px; font-family:'GothamBookRegular','Helvetica Neue',Helvetica,sans-serif;  }
nav a span{ display:block; margin-bottom:-10px; color:#fff;  }
nav div span{ display:block; margin-bottom:-10px; color:#ccc; text-decoration: line-through; }
/*nav a:hover span{ background:url(../img/develop/sub-inactive.png) repeat-x bottom; }*/
nav a.selected span{ border-bottom:3px solid #fff; }

#social-links {position:absolute;list-style:none;bottom:55px;left:20px; padding: 0; margin:0; z-index: 4;}
#social-links li {display:block;float:left}
#social-links li {display:block;float:left;margin-left:5px}
#social-links li a {color:#FFF;display:inline-block;-webkit-transition:color 0.3 ease-in-out;-moz-transition:color 0.3 ease-in-out;-o-transition:color 0.3 ease-in-out;-ms-transition:color 0.3 ease-in-out;transition:color 0.3 ease-in-out}
#social-links li a i {font-size:22px;margin-left:6px;line-height:24px}
#social-links li:first-child a i {margin-bottom:0}
#social-links li a span {display:none}
#social-links li a:hover {color:#ccc;}

/*////////////////////////////////////*/


/*////////////// LINKS //////////////////*/
a:link, a:visited{ color:#ffffb3; text-decoration:none; }
a:hover{ color:#ffff00; text-decoration:none; }
/*////////////////////////////////////*/


/*////////////// FOOTER //////////////////*/
#credits{ position:fixed; left:30px; bottom:12px; z-index: 9; }
#main-logo{ display:block; }
.logo{ position: fixed; top:30px; left:30px; z-index:10; }
/*////////////////////////////////////*/


/*////////////// HOME //////////////////*/
#home { background: #000; }
#home .section-wrapper { z-index: 2;}
#text-home { position:absolute; font-family:'GothamLightRegular','HelveticaNeue-UltraLight',Helvetica,sans-serif; font-size:40px; top:50%; margin-top: -20px; letter-spacing: 12px; width:100%; color:#fff; text-align: center; }
#skip { position:absolute; bottom:20px; right:20px; text-align: center; }
#skip a span { display: inline-block; padding: 8px 12px 6px; border: 2px solid #fff; background: rgba(0,0,0,0.6); font-family:'GothamMediumRegular','HelveticaNeue',Helvetica,sans-serif; font-size:14px; letter-spacing: 3px; }
#skip a span em { font-style: normal; font-size: x-small; }
#home-gallery{ position: absolute; width:100%; height:100%; z-index: 2; }
.home_wrapper #sp_jacket { display:none; }
/*////////////////////////////////////*/


/*////////////// BIOGRAPHY //////////////////*/
#biography{ }
#biography .section-wrapper{ position: relative; overflow:auto; }
.biography-image { background:#000 url(../img/backgrounds/biography-bg.jpg) center top no-repeat; width:50%; height:100%; left:0; top:0; position: absolute; }
.biography-block-holder{ position:relative; left:50%; top:0; width:50%; margin:0; }
.biography-block { margin-top:18px; font-size:18px; line-height: 20px; font-size: 12px; color:#000; padding:20px ;}
.biography-header { font-size:14px; line-height:32px; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px; color:#000; font-family:'GothamMediumRegular','Helvetica Neue',Helvetica,sans-serif;}
/*////////////////////////////////////*/


/*////////////// DISCOGRAPHY //////////////////*/
#discography { background: #fff url(../img/backgrounds/disco_bg.jpg) left top repeat-y; }
#owners_photo { position: relative; margin: 30px 0 30px 0; padding:0 0 0 250px; list-style-type: none;  overflow: hidden; width: 100%}
.photo_grid { float: left; margin:0 10px 20px; cursor: pointer; position: relative; overflow: hidden; width:30%; border: 1px solid #333; background:#222; }
.photo_grid:hover { -webkit-box-shadow: 0 2px 5px #222; -moz-box-shadow: 0 2px 5px #222; box-shadow: 0 2px 5px #222;}
.photo_grid > a > img { display: block; border:0; width:100%; margin:0 auto; }
.photo_grid:hover > a > img { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.photo_grid > span.title { display: none}
.photo_grid > span.caption { display:none; }

.infoWindow { background: #333; width:96%; margin: 10px 10px 20px; display:block; position: relative; padding: 20px; clear: both; zoom: 100%; -webkit-box-shadow: 0 1px 5px #111; -moz-box-shadow: 0 1px 5px #111; box-shadow: 0 1px 5px #111;}
.infoWindow .posMarker { display: block; position: absolute; top: -11px; width:20px; height:11px; background: url(../img/develop/pos.png);}
* html .infoWindow .posMarker  { display: none; }
.infoWindow .imgWrap { float: left; width: 40%; padding-right: 40px; margin-bottom: 20px; margin-left: 20px; border-right: groove 2px #444; position: relative}
.infoWindow .imgWrap .display { display: block; box-shadow: 0 0 9px 2px #000; border: 1px solid #eee; width: 100%; position: relative; }
.infoWindow .img_info { float: left; color: #eee; border-radius: 5px; padding-left: 10px; margin:10px 0 0 10px; width: 45%; font-size: 14px; line-height:24px; text-shadow: 1px 1px 1px #333; }
.infoWindow h3 { font-size: 16px; line-height:26px; padding:5px 0; margin-top: 0; color: #fff; margin-bottom: 10px; border-bottom: groove 2px #444; }
.infoWindow p { font-size: 12px; line-height: 20px; }
.infoWindow p a { color:#ffffb3; }
.infoWindow p a:hover {color:#ffff00;}
.infoWindow::after { content: ""; zoom: 100%; clear: both; display: block; }
.infoWindow .close { position: absolute; font-size: 15px; text-decoration: none; color: #ccc; text-shadow: 1px 1px 1px #444; right: 15px; z-index: 9; }
.infoWindow .close:hover { color: #fff; text-shadow: 1px 1px 1px #000; }


/*///////////////// SCHEDULE ///////////////////*/
#schedule { background: #000 url(../img/backgrounds/schedule-bg.jpg) center center no-repeat fixed; background-size:cover;}
#schedule_grids { position: relative; margin: 30px 0 30px 0; padding:0 0 0 250px; list-style-type: none;  overflow: hidden; width: 100% }
#schedule_grids .inline { display: block; width:200px; height: 140px; float: left; margin:0 10px 20px; padding: 20px; cursor: pointer; position: relative; overflow: hidden; border: 2px solid #fff; background: url(../img/backgrounds/news_bg.png); text-align: center; color:#fff;}
#schedule_grids .inline:hover { background: #000; border:2px solid #ccc; color:#fff; }
#schedule_grids .inline .year { font-family:'GothamMediumRegular','Helvetica Neue',Helvetica,sans-serif; font-size: 14px; line-height: 20px; }
#schedule_grids .inline .month-date { font-family:'GothamLightRegular','HelveticaNeue-UltraLight',Helvetica,sans-serif; font-size: 24px; line-height: 40px; }
#schedule_grids .inline .place { border-top: 1px solid #999; color: #fff; display: inline-block; padding: 10px 0 0; line-height: 20px;}
/*////////////////////////////////////*/


/*//////////////// NEWS ////////////////////*/
#news {background: #000 url(../img/backgrounds/news-bg.jpg) center center no-repeat fixed; background-size:cover;}
#news .section-wrapper{ position: absolute; padding:0 30px; }
#news-list{ position: relative; margin:50px 0; width:600px; left:50%; margin-left:-300px; overflow:auto; padding:20px; -webkit-overflow-scrolling: touch; outline:none; border: 2px solid #fff; background: url(../img/backgrounds/news_bg.png);}
.news-preview{ display:block; color:#333333; opacity:1; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:10px; color:#fff; }
.news-preview a { color:#ffffb3; }
.news-preview a:hover {color:#ffff00;}
.news-preview .news-date{ color:#333333; margin-bottom:0px; }
.news-title{ font-size:16px; margin-bottom:10px; line-height:32px; }
.news-text { font-size:12px; margin-bottom:10px; line-height:21px; color:#ccc; }
.news-text strong { color:#fff; font-weight: bold; }
.news-text img { width:100%; height: auto; }
.read-more, .schedule-attach{display: inline-block; border:1px solid #666; padding:0px 4px; margin-top:6px; font-size:12px; transition: 0.3s; -webkit-transition:0.3s; /* Safari */}
.read-more:hover, .schedule-attach:hover{ color:#fff; background: #333; }
.news-underline{ width:35px; height:4px; margin-top:-4px; background: url(../img/develop/sub-inactive.png) repeat-x; }
/*////////////////////////////////////*/

/*//////////////// GALLERY ////////////////////*/
section#gallery{  background: #000 url(../img/backgrounds/gallery-bg.jpg) center center no-repeat fixed; background-size:cover;}
#gallery_header{ font-size:25px; position: absolute; width: 100%; margin-top:-15px; top:50%; text-align: center; font-family:'GothamBoldRegular','HelveticaNeue-Bold',Helvetica,sans-serif; color: #fff; }

/*////////////////////////////////////*/

/*//////////////// CONTACTS ////////////////////*/
section#contact{  background: #000 url(../img/backgrounds/contact-bg.jpg) center center no-repeat fixed; background-size:cover;}
#contact_header{ font-size:25px; position: absolute; width: 100%; margin-top:-15px; top:50%; text-align: center; font-family:'GothamBoldRegular','HelveticaNeue-Bold',Helvetica,sans-serif; }

/*////////////////////////////////////*/