@charset "UTF-8";
html body{
	margin:0;
	padding:0;
	font-family: "open-sans",sans-serif;
}
#sound{
	display:inline-block;
	float: right;
	width:20px;
	height:20px;
	background:url(../icons/volume.png);
	background-position: 0 0;	
	margin: 0 20px;
	opacity: .6;
}
.soundOn{
	background-position: 0 0;	
}
.soundOff{
	background-position: -20px 0;
}
#sound:hover{
	opacity:1;
}


#introVid{
	width:100%;
	height:100%;
	min-height:100vh;
	background:#000000;
	position: fixed;
	top:40px;
	left:0;
}
#introVid video{
	width:100%;
}
#introPic{
	width: 100%;
	height: 100%;
	background-image: url(../img/full/bulong.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#introPic2{
	width: 100%;
	height: 100%;
	background-image: url(../img/full/bulongdark.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}

#introPic3{
	width: 100%;
	height: 100%;
	background-image: url(../img/full/bulongprep.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}


#introTxt{
	position:relative;
	min-height: 100vh;
	width:30%;
}
#introTxt h1{
	position:relative;
	margin-left:10px;
	font-size:7vw;
	/*font-family: "kepler-std-condensed-subhead",  "Times New Roman", Times, serif;*/
	font-family: "minion-pro-condensed",  "Times New Roman", Times, serif;
	font-weight:700;
	font-style:italic;
	/*color:#DFDEC8;*/
	color:#B40D10;
	padding:0;
	height: 2em;
	margin-bottom:40px;
	pointer-events: none;
}
#introTxt h1 .for{
	font-size:.5em;
	position:relative;
	bottom:.3em;
	margin-top:0;
	margin-bottom:0;
	margin-left:2.3em;
	display:block;
	line-height:.5em;
}
#introTxt h1 .survival{
	position:relative;
	bottom:.5em;
	margin-top:0;
	margin-bottom:0;
	display:block;
	margin-bottom:0;
}
#introTxt .thai h1{
	font-size:5vw;
	padding:40px 0;
}
#introTxt .thai{
	font-size: 1.4em;
}

#introTxt p{
	font-size:1.15em;
	line-height: 1.6em;
	margin-left:10px;
	font-weight:400;
	color:#AEAEAE;
}

#introSec2{
	margin-top:50vh;
	margin-bottom:100vh;
}
.byline{
	font-weight:600;
	color:#DFDEC8;
}
.vhBlank{
	height:100vh;
	width:100%;
	background: none;
}
.vh2Blank{
	height:200vh;
	width:100%;
	background: none;
}
#dark{
	position:fixed;
	color:rgba(221,223,210,0.85);
	font-size: 3.5em;
	font-weight: 600;
	font-style:italic;
	text-shadow: 0px 0px 4px #000;
	top:50vh;
	text-align:center;
	width:100%;
	opacity:0;
	
}
section{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	background:#FFFFFF;
}
.story{
	font-weight:400;
	max-width:960px;
	margin: 0 auto;
	position:relative;
	color:#474747;
	font-size: 1.2rem;
	padding: 40px 0;
	font-weight:300;
	
}

.dropCap{
	display:inline-block;
	float:left;
	font-size:4.5em;
  line-height: .8em;
  padding-top: 2px;
  padding-right: 10px;
	font-weight:700;
	color: #414B66;
}
.story p{
	color:#474747;
	font-size: 1.2rem;
	line-height: 1.7rem;
	padding:0;
	margin:0;
	margin-bottom:.6rem;
	font-weight:300;
	max-width:680px;
}
.spacer{
	height:40px;
}


.scroll-prompt {
  position: relative;
	margin-top:40px;
  line-height: 20px;
  text-align: center;
  color: white;
  font-size: 10px;
  opacity: 0.6;
	font-size:.75em;
  font-weight: 400;
  text-transform: uppercase;
  z-index: 3;

}
.scroll-prompt svg {
  fill: none;
  stroke: white;
  stroke-width: 2px;
}

#sec3{
	margin-top:200vh;
}

#muaythaiVid{
	width:100%;
	background:#000000;
}
#ringVid{
	width:100%;
	height:100%;
	min-height:100vh;
	background:#000000;
}
#muaythaiVid video, #ringVid video{
	display:block;
	margin:0 auto;
}

.floatText{
	background:none;
	margin: 0;
	height:150vh;
}
.floatText p{
	color: #F1F1EA;
	font-size: 2.3em;
	line-height: 2.2em;
	padding-top: 100vh;
	font-weight: 600;
	max-width: 720px;
	margin: 0 auto;
	text-shadow: 0px 0px 4px #000;
}

.shortFloat{
	color: #F1F1EA;
	font-size: 2.3em;
	line-height: 2.2em;
	padding-top: 50vh;
	font-weight: 600;
	max-width: 720px;
	margin: 0 auto;
	text-shadow: 0px 0px 4px #000;
}


#sec9{
	margin-top:200vh;
}
.fullVid{
	width:100%;
}

#fightVid{
	width:100%;
	background:#000000;
}
#fightVid video{
	display:block;
	margin:0 auto;
}

/***********  PICS **********/
.fixedPic{
	position: fixed;
	top: 40px;
	left: 0;
}
.fullPic{
	position:relative;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.sidePic{
	float:right;
	width:400px;
	margin-left:15px;
}
.sidePic img{
	width:100%;
}
.sideCaption{
	width:100%;
	font-style:italic;
	color:#808080;
	font-size:.8rem;
}
.sideVid{
	float:right;
	width:400px;
	margin-left:15px;
}
.sideVid video{
	width:100%;
}

#betting{
	background:url(../img/full/betting.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#crowd{
	background:url(../img/full/crowd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#dustyroad{
	background:url(../img/full/dustyroad.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#oldcity{
	background:url(../img/full/oldcity.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}

#awaken{
  background:url(../img/full/awaken.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#float{
  background:url(../img/full/float.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;	
}
#fieldrun{
	background:url(../img/full/fieldrun.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}
#streetrun{
	background:url(../img/full/streetrun.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;	
}
#shower{
	background:url(../img/full/shower.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#blakeDark{
	background:url(../img/full/blakeDark.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#homework{
	background:url(../img/full/homework.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#boys{
	background:url(../img/full/boys.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:.0;
}
#fight1{
	background:url(../img/full/fight1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#fight2{
	background:url(../img/full/fight2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight3{
	background:url(../img/full/fight3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight4{
	background:url(../img/full/fight4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight5{
	background:url(../img/full/fight5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight6{
	background:url(../img/full/fight6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight7{
	background:url(../img/full/fight7.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight8{
	background:url(../img/full/fight8.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}
#fight9{
	background:url(../img/full/fight9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity:0;
}


#asleep{
	background:url(../img/full/asleep.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.rule{
	height: 1px;
	/*background-color: rgba(139,150,160,1.00);*/
	background-color:rgba(224,202,171,1.00);
	margin: 20vh auto 5px;	
	width:80%;
}
.credit{
	font-size: .8em;
	color:rgba(224,202,171,1.00);
	text-align:right;
	margin-right:10%;
		text-shadow: 0px 0px 4px #000;
}
.credit a{
	color:rgba(233,162,44,1.00);
	text-decoration:none;
}
.credit a:hover{
	color:rgba(255,255,255,1.00);
}