@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(css/reset.css);

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { height:100%;}
body {font-family: 'Roboto+Condensed', sans-serif; font-weight:500; letter-spacing:0; text-align:center; background: url(images/bg_fade.jpg) 50% 50% no-repeat fixed; color:#fff;  -webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0);}
header { }
a { text-decoration:none; color:#000; }
a:hover { }
img { width:100%; height:auto; display:block; vertical-align: middle; white-space: none;}

.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: #fff url(images/loader.gif) 50% 50% no-repeat; background-size: 40px auto;
}

#home { position:absolute; top:0; left:0; width:100%; height:100%; 
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; -moz-justify-content: center; align-items: center; -webkit-align-items: center; -ms-align-items: center;
  -moz-align-items: center;}

  
#home div { padding:20px 10px; }
#header { margin:0 auto; padding:0 30px; max-width:600px;  }
#home h1 { font-size:60px; line-height:0.8; margin:0 auto -10px;}
#home h2 { font-size:35px; line-height:0.8; margin:0px auto; padding:10px; width:100%; }
#home h3 { font-size:28px; line-height:0.9; margin:0px auto; padding:10px; width:100%; }

#artwork { max-width:390px; margin:0 auto;  margin:0 auto 20px; padding:0 30px;}
#artwork img{border:4px solid #fff;}
#buttons { margin:0 auto; text-align:center; width:100%; display:block; }
#buttons li{ max-width:170px; display:inline-block; height:auto; padding:5px; font-weight:200; text-transform:uppercase; font-size:15px; color:#fff; vertical-align: top;}
#buttons .btn { background:#fff; padding:5px; display:block; margin-bottom:5px; border:3px solid rgba(0,0,0,0.2) }
#buttons .btn2 { background:#fff; padding:5px 5px 0 5px; display:block; margin-bottom:5px; border:3px solid rgba(0,0,0,0.2) }

h2.over{ font-size:30px; color:#fff; margin-top:10px;}

.subbtn{ display:inline-block; width:49%; margin:0; padding:0; }

.cover{  background-repeat:no-repeat; background-position: 50% 50%; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#entersite { position:fixed; right:-5px; top:50px; margin:0; max-width:150px; background:#fff; padding:10px;}

.btnover { display:block; width:100%; margin-top:5px; }
.btnover li { padding:5px; font-size:20px; width:50%; display:inline-block;}
.btnover a { color:#fff; border:2px solid #fff; display:inline-block; padding:10px 5px; width:100%; line-height:1.2;}
.btnover a:hover { background:#fff; color:#000;}

a img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}

a img:not(:hover) {
   -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}
a img:hover {
	    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
	
} 

#pageFooter {  position:fixed; bottom:5px; left:5px; font-size:11px;padding:0 100px; text-align:center; width:100%;}
#pageFooter ul li{ display:inline; margin:0; color:#fff;} 
#pageFooter ul li a{font-size:11px; color:#fff;}
#pageFooter h1 { position:fixed; right:10px; bottom:10px; width:50px; height:50px; background:url(images/virgin.png) no-repeat 50% 50%; background-size:100% auto; }

#socialNav {
	position:fixed; top:10px; left:0;width:100%; text-align:center;
	
	   -ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8); /* Standard syntax */
}
	#socialNav li {
	 display:inline-block;
		margin: 0 4px 0 0;
	}
	#socialNav li:last-child {
		margin-right: 0;
	}
		#socialNav li a {
			width: 27px;
			height: 27px; display:inline-block;
			background: url(images/socials.png) no-repeat 0 -143px;
		}
		#socialNav li a.facebook { background-position: -44px -143px; }
		#socialNav li a.twitter { background-position: -89px -143px; }
		#socialNav li a.googlePlus { background-position: -133px -143px; }
		#socialNav li a.soundcloud { background-position: -176px -143px; }
		#socialNav li a.mail { background-position: -220px -143px; }
		
		
/*CSS SNIPPETS*/
.transall {  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}
.transopac {  -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
a:hover.opac { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}

img.ri { position: absolute; max-width: 80%; top: 10%; left: 10%; border-radius: 3px; }
img.ri:empty { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (orientation: portrait) {
  img.ri { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  img.ri { max-height: 90%; }
}


@media only screen and (max-height : 1000px) {
	
}


@media only screen and (max-height : 820px) {
	
}

@media only screen and (max-height : 700px) {
	
	#home { display:block; padding:10px 30px 0 30px; position:relative; top:auto;left:auto;}
	#home div { max-width:850px; margin:0 auto;}
	#buttons li{ max-width:150px;  }
	#home h1 { font-size:40px;}
#home h2 { font-size:30px;  margin:0px auto; }
#home h3 { font-size:22px; margin:0px auto;  }
#artwork { max-width:290px; margin:0 auto;  margin:0 auto 20px; padding:0 30px;}

#pageFooter {  position:relative; top:auto; left:auto; padding:10px; }
#pageFooter h1 { display:none;}
}




@media only screen and (max-width : 650px) and (orientation: portrait) {
	
	#home { display:block;padding:20px 30px 0 30px; position:relative; top:auto;left:auto;}
	#home div { max-width:850px; margin:0 auto; position:relative;}
	#buttons li{ max-width:150px;  }
		#home h1 { font-size:40px;}
#home h2 { font-size:20px; margin:0px auto; }
#home h3 { font-size:16px;  margin:0px auto; }
#artwork { max-width:290px; margin:0 auto;  margin:0 auto 10px; padding:0 40px;}

#entersite { position:relative; right:auto; top:auto; margin:0 auto; max-width:120px; display:block; margin-bottom:30px;}

#pageFooter {  position:relative; top:auto; left:auto; padding:10px; }
#pageFooter h1 { display:none;}

}

  
/*! fancyBox  */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../assets/js/fancybox/source/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../assets/js/fancybox/source/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute; top:-25px; right:-25px; width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:url(../assets/js/fancybox/source/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../assets/js/fancybox/source/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font-size:26px;line-height:20px;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../assets/js/fancybox/source/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../assets/js/fancybox/source/fancybox_loading@2x.gif);background-size:24px 24px}}