* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; }
body {
	width: 100%; height: 100%;
	font: 16px 'IM Fell English';
	background: #F6F4E8;
	overflow: scroll;
}

a { text-decoration: none; color: #7E1B15; }
a:hover { color: #914137 }

a 
{ -webkit-transition: all 100ms; -moz-transition: all 100ms; -ms-transition: all 100ms; transition: all 100ms; }
.slide .text-box .more, .slide .text-box p
{ -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }


#loader {
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0; z-index: 1000;
	background: url('images/loader.gif') no-repeat center center #F6F4E8;
}

.intro #dead-rum { display: none }
#dead-rum {
	position: absolute; left: 50px; top: 25px; z-index: 40;
	color: white;
	font-size: 28px;
	opacity: 0.6;
}
#dead-rum.hide { display: none }
#dead-rum a { color: #FFF }



.slides-wrap {
/* 	display: none; */
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
}

.slide {
	display: none;
	width: 100% !important;
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	background: no-repeat center center transparent fixed;
	background-size: cover;
}
.slide.s1 { background-image: url('images/bgs/1.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/1.jpg', sizingMethod='scale'); }
.slide.s2 { background-image: url('images/bgs/2.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/2.jpg', sizingMethod='scale'); }
.slide.s3 { background-image: url('images/bgs/3.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/3.jpg', sizingMethod='scale'); }
.slide.s4 { background-image: url('images/bgs/4.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/4.jpg', sizingMethod='scale'); }
.slide.s5 { background-image: url('images/bgs/5.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/5.jpg', sizingMethod='scale'); }
.slide.s6 { background-image: url('images/bgs/6.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/6.jpg', sizingMethod='scale'); }
.slide.s7 { background-image: url('images/bgs/7.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/7.jpg', sizingMethod='scale'); }
.slide.s8 { background-image: url('images/bgs/8.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/8.jpg', sizingMethod='scale'); }
.slide.s9 { background-image: url('images/bgs/9.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/9.jpg', sizingMethod='scale'); }
.slide.s10{ background-image: url('images/bgs/10.jpg');filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/10.jpg', sizingMethod='scale');  }
.slide.s11{ background-image: url('images/bgs/1.jpg'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgs/1.jpg', sizingMethod='scale'); }



.slide .text-box {
	display: none;
	position: absolute; z-index: 50;
	color: black;
	overflow: hidden;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	background-image: url('images/bg-trans.png');
	background: rgba(224,218,199,0.75);
	cursor: pointer;
	-webkit-transition: padding 300ms; -moz-transition: padding 300ms; -ms-transition: padding 300ms; transition: padding 300ms;
}
.slide .text-box:hover, .touch .slide .text-box { padding-right: 60px }
.slide .text-box.open { padding: 20px 40px; }
.slide .text-box.inactive { padding: 0; cursor: auto; }


.slide.s2 .text-box { right: 10%; bottom: 20%; }
.slide.s3 .text-box { left: 10%; top: 30%; }
.slide.s4 .text-box { left: 26%; bottom: 12%; }
.slide.s5 .text-box { left: 14%; bottom: 20%; }
.slide.s6 .text-box { right: 10%; bottom: 20%; }
.slide.s7 .text-box { left: 8%; top: 20%; }
.slide.s8 .text-box { left: 10%; bottom: 15%; }
.slide.s9 .text-box { right: 15%; top: 16%; }
.slide.s10 .text-box{ right: 10%; bottom: 20%; }
.slide.s11 .text-box{ left: 50%; top: 0; }
.slide.s11 .logo {
	display: block;
	margin: 40px auto 10px auto;
	position: relative; z-index: 101 !important;
}

.slide.last .text-box { cursor: auto; padding: 260px 40px 20px 40px; margin-left: -340px; overflow: visible; }


.slide .text-box .more {
	position: absolute; right: -50px; bottom: -20px;
	font-size: 80px;
	opacity: 0.6;
}
.slide .text-box:hover .more, .touch .slide .text-box .more { right: 10px; }
.slide .text-box.inactive .more { display: none }
.slide .text-box.open:hover .more { opacity: 0.9 }
.slide .text-box.open .more { right: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.slide .text-box h1 { opacity: 0.9; font-size: 60px; }
.slide .text-box h2 { opacity: 0.75; font-size: 40px; font-weight: lighter; text-align: center; }
.slide .text-box h3 {
	position: relative;
	opacity: 0.9;
	font-weight: lighter;
	font-size: 50px;
	padding: 5px 12px 2px 12px;
}

.slide .text-box p {
	max-height: 0;
	font-size: 1.2em;
	overflow: hidden;
}
.slide .text-box.open p {
	max-height: 400px;
	padding: 5px 12px 20px 12px;
}
.slide.last .text-box p { padding: 20px }
.slide.s1 .logo {
	display: none;
	position: absolute; right: 20%; top: 20%;
	opacity: 0.8;
}



nav.slides {
	display: none;
	width: 100%; height: 70px;
	position: fixed; left: 0; bottom: 0; z-index: 100;
	text-align: center;
}
nav.slides a {
	display: block;
	position: absolute; bottom: 0;
	width: 100px; height: 70px;
	opacity: 0.8;
	cursor: pointer;
}
nav.slides a:hover { opacity: 1 }
nav.slides #prev-slide { left: 50px }
nav.slides #prev-slide:hover { left: 40px; }
nav.slides #prev-slide:active { left: 35px; }
nav.slides #next-slide { right: 50px; }
nav.slides #next-slide:hover { right: 40px; }
nav.slides #next-slide:active { right: 35px; }
#prev-slide { background: url('images/dagger-prev.png') no-repeat center center transparent }
#next-slide { background: url('images/dagger-next.png') no-repeat center center transparent }


.intro nav.slides #prev-slide { display: none }

.intro nav.slides #next-slide.move { -webkit-animation-name: daggerAnimate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; }
.intro nav.slides #next-slide.move { -moz-animation-name: daggerAnimate; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
.intro nav.slides #next-slide.move { animation-name: daggerAnimate; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

@-webkit-keyframes daggerAnimate { 0% { right: 50px } 50% { right: 40px } 100% { right: 50px } }
@-moz-keyframes daggerAnimate { 0% { right: 50px } 50% { right: 40px } 100% { right: 50px } }
@keyframes daggerAnimate { 0% { right: 50px } 50% { right: 40px } 100% { right: 50px } }



#swipe {
	display: none;
	width: 100%;
	position: absolute; left: 0; bottom: 50px; z-index: 100;
	text-align: center;
}
#swipe img {
	display: none;
	opacity: 0.6;
}
.intro #swipe img { display: inline }



.share { width: 100% }
.share td { text-align: center }
.share td a { display: block; color: #333 }
.share td a.current, .share td a:hover { color: #7E1B15 }
.share-content-box { display: none; padding: 20px 0; text-align: center; }
.share-content-box.current { display: block }
.text-box .share-content-box p { overflow: visible; max-height: none; padding: 10px 0 5px 0 !important; }
.share-content-box#share a { opacity: 0.6 }
.share-content-box#share a:hover { opacity: 1 }
.share-content-box#share a img { margin: 5px 10px }
iframe.twitter-share-button {
	display: inline-block;
	vertical-align: bottom;
}
small {
	display: block;
	font-size: 11px;
	margin-top: 50px;
	text-align: justify;
}



@media only screen and (max-width: 600px) {
		
	#dead-rum { position: absolute !important; left: 20px; top: 16px; }
	#dead-rum a { color: #914137 }
	.slide.last #dead-rum { display: none }
	
	#swipe { position: relative; bottom: 0; }
	
	.slide.s1 .logo {
		display: block;
		position: relative;
		right: auto; top: auto;
		margin: 40px auto;
	}
	.slide.s11 .logo {
		position: absolute;
		left: 50%; top: 32px;
		margin-left: -90px;
	}
	
	#prev-slide { margin-right: 50px; }
	
	.slides-wrap {
		height: auto !important;
		overflow: scroll !important;
	}
	.slide {
		height: auto !important; min-height: 100%;
		top: auto; right: auto; bottom: auto; left: auto;
	}
	
	.slide .text-box, .slide .text-box.open {
		position: relative !important; bottom: auto !important; right: auto !important; left: 0 !important; top: 0 !important;
		height: auto !important; width: 100% !important;
		padding: 0 !important; margin: 0;
	}
	.slide .text-box p, .slide .text-box.open p {
		position: relative;
		height: auto; max-height: none;
		padding: 0 20px 20px 20px !important;
	}
	.slide .text-box .more, .slide .text-box.open .more { display: none }
	.slide .text-box h2, .slide .text-box.open h2 { padding: 20px 0 10px 0; }
	.slide .text-box h3, .slide .text-box.open h3 { padding: 60px 20px 14px 20px }
	.slide.last .text-box {
		padding-top: 260px !important;
		margin: 0 !important;
		left: 0;
	}
	
	.slide.s1 { background-image: url('images/bgs/1.small.jpg'); }
	.slide.s2 { background-image: url('images/bgs/2.small.jpg'); }
	.slide.s3 { background-image: url('images/bgs/3.small.jpg'); }
	.slide.s4 { background-image: url('images/bgs/4.small.jpg'); }
	.slide.s5 { background-image: url('images/bgs/5.small.jpg'); }
	.slide.s6 { background-image: url('images/bgs/6.small.jpg'); }
	.slide.s7 { background-image: url('images/bgs/7.small.jpg'); }
	.slide.s8 { background-image: url('images/bgs/8.small.jpg'); }
	.slide.s9 { background-image: url('images/bgs/9.small.jpg'); }
	.slide.s10{ background-image: url('images/bgs/10.small.jpg'); }
	.slide.s11{ background-image: url('images/bgs/1.small.jpg'); }
	
}