/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local('Muli Italic'), local('Muli-Italic'), url(7Au-p_0qiz-afTf2IALT4EYFOGEH.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local('Muli Italic'), local('Muli-Italic'), url(7Au-p_0qiz-afTf2IQLT4EYFOGEH.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local('Muli Italic'), local('Muli-Italic'), url(7Au-p_0qiz-afTf2LwLT4EYFOA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(7Auwp_0qiz-afT3GLQjUwkQ1OQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(7Auwp_0qiz-afTzGLQjUwkQ1OQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url(7Au_p_0qiz-ade3iOCr2z24PMFk-0g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url(7Au_p_0qiz-ade3iOCv2z24PMFk-0g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url(7Au_p_0qiz-ade3iOCX2z24PMFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: local('Muli Black'), local('Muli-Black'), url(7Au_p_0qiz-adbHhOCr2z24PMFk-0g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: local('Muli Black'), local('Muli-Black'), url(7Au_p_0qiz-adbHhOCv2z24PMFk-0g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: local('Muli Black'), local('Muli-Black'), url(7Au_p_0qiz-adbHhOCX2z24PMFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(RFda8w1V0eDZheqfcyQ4EA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(RFda8w1V0eDZheqfcyQ4EBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(RFda8w1V0eDZheqfcyQ4EPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(RFda8w1V0eDZheqfcyQ4EIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'), url(RFda8w1V0eDZheqfcyQ4EBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
    margin: 0;
    /*font-family: 'Merriweather', serif;*/
    font-family: 'Muli', sans-serif;
    font-size:20px;
    font-style: normal;
  	font-weight: 600;
    background-color:black;
    color:white;
}
h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.titleTxt {
    /*display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    color: white;
    text-align: center;
    padding:0%;*/
   
    
}
.row1 {
    display: block;
    /*justify-content: center;
    align-items: center;*/
    height: 100vh;
    color: black;
    /*text-align: center;*/
    padding:0%;
    margin:0%;
}
#intro1row1 {
	height: 120vh;
}
.bg {
	
	
	height: 100vh;
	/*filter: alpha(opacity=0);*/
	
	
}
#start1bg {
	position: relative;
	width: 100%;
	overflow:hidden;
	z-index:-10;
	background-color:white;
}
#intro1bg {
	position: relative;
	/*filter: alpha(opacity=0);*/
	/*background: url(underwater.jpg);*/
	background-color:black;
	background-size:cover;
	z-index:-11;
	width:100%;
	overflow-x:hidden;
}
#titleDiv {
	position:absolute;
	width:100%;
	bottom:10%;
	left:0%;
	font-family: 'Lato', sans-serif;
	color:white;
	justify-content: center;
    align-items: center;
    text-align: center;
    text-shadow: -1px 2px 16px rgba(0, 0, 0, 0.6);
    
}
#cnalogo {
	width:6%;
	height:6%;
	background: url(cnalogo.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center center;
	position:absolute;
	bottom:2%;
	right:0%;
}
#fbDiv1 {
	position:fixed;
	top:1%;
	right:1%;
	color:white;
	z-index:9999;
	/*pointer-events: all;*/
}
#chsDiv {
	position:fixed;
	text-shadow: -1px 2px 4px rgba(0, 0, 0, 0.7);
	bottom:0px;
	padding: 8px;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	background-color:rgba(229, 229, 229, 0.7);
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-moz-border-radius-topright: 13px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	z-index:9999;
	-webkit-box-shadow: 0px -2px 34px 1px rgba(153,153,153,1);
	-moz-box-shadow: 0px -2px 34px 1px rgba(153,153,153,1);
	box-shadow: 0px -2px 34px 1px rgba(153,153,153,1);
}
#chsDivHolder {
	float:right;
	padding-left:10px;
	padding-right:10px;
}
#chTxt {
	display:inline-block;
	padding-left:0.6vw;
	padding-right:0px;
	float:left;
	font-size: 1.5vw;
}
.chDiv {
	display:inline-block;
	background-color:rgba(0, 0, 0, 0.7);
	cursor:pointer;
	text-align: center;
	vertical-align: middle;
	width: 2.1vw;
	height: 2vw;
	border-radius: 4vw;
	font-size: 1.3vw;
	line-height: 2vw;
}
#ch1 {
	color:#929292;
	cursor:none;
}
		
#start1title {
	/*position:fixed;*/
	display:block;
	width:auto;
	
	
	font-size:45px;
	display:block;
	margin:1%;
	
}
#start1titleSub1 {
	font-size:100px;
	width:auto;
	border-bottom:2px solid white;
	margin-left:12%;
	margin-right:12%;
	padding-bottom:0px;
	font-weight: 300;

}
#start1titleSub2 {
	/*font-size:150px;
	width:auto;*/
}
#start1titleSub3 {
	padding-bottom:20px;
	font-size:20px;
	font-weight: 400;
}
#start1titleArrow {
	font-size:35px;
	color:red;
}

#start1imgWater {
	width:120%;
	border-width:0;
	position:absolute;
	left:0%;
	top:0%;
	
}
#start1imgWaterTop {
	width:128%;
	border-width:0;
	position:absolute;
	left:-5%;
	top:0%;
	opacity: 0.3;
    filter: alpha(opacity=30);
}

#start1imgBoat {
	width:102%;
	border-width:0;
	position:absolute;
	top:-18%;
	left:-1%;
	
}

#intro1imgWater {
/*position:absolute;*/
	margin-top:50%;
	width:185%;
	left:0%;
	display: block;

}
#intro1imgMan {
	position:fixed;
	/*bottom:50%;*/
	top:0%;
	left:20%;
	width:50%;
	display: block;
	opacity: 0;
    filter: alpha(opacity=0);
    z-index:999;

}
#intro1txt {
	position:absolute;
	top:0%;
	margin-bottom:20%;
	color: white;
}

/*.row2 div {
 color: white;
	margin:10%;
	margin-left:5%;
	margin-right:5%;
}*/
#start1 {
    /*background: url(bg3.jpg);
    background-size:cover;*/
    height: 100vh;
    background-color:none;
}
#start2space {
	height:20vh;
}
.quoteTxt {
	font-family: 'Muli', serif;
	  font-style: normal;
	  font-weight: 600;
	position:absolute;
	top:140%;
	left:15%;
	color:white;
	width:35%;
	font-size:32px;
	text-shadow: -1px 2px 16px rgba(0, 0, 0, 0.9);
	background-color:rgba(0,0,0,  0.6)  ;
	padding:1%;
	padding-left:4%;
	padding-top:3%;
	padding-bottom:3%;
	border-bottom:0px solid #757575;
	
}
#intro1quoteTxt {
	font-family: 'Merriweather', serif;
	color:white;
	top:0%;
	border-bottom:0px solid #757575;
	width:100%;
	text-align:center;
	padding:0;
	left:0;
	background-color:rgba(0,0,0,  0)  ;
	margin-top:2%;
	font-size:65px;
}
.subTxt {
	/*font-family: 'Merriweather', serif;*/
	font-family: 'Muli', serif;
	  font-style: normal;
	  font-weight: 600;
	color:#4d4d4d;
	position:absolute;
	top:172%;
	width:50%;
	right:15%;
	font-size:26px;
	color:white;
	text-shadow: -1px 2px 16px rgba(0, 0, 0, 0.7);
	background-color:rgba(0,0,0,  0.4)  ;
	padding:3%;
}
.fontblack {
font-family: 'Muli', serif;
  font-style: normal;
  font-weight: 900;
}
.imgcap {
	font-size:15px;
	padding-left:12.5%;
	padding-right:12.5%;
	font-style: italic;
  font-weight: 400;
  padding-bottom:3%;
}
#intro1 {
	height:800vh;
	position:relative;
}
#intro1row2 {
	/*padding-top:20%;*/
	
}
.intro1row2div {
	margin-left:40%;
	margin-right:10%;
	margin-top:40%;
}
#intro1row2div1{

	width:40%;
	margin-left:55%;
	margin-top:5%;
	
}
#intro1row2div2 {
	margin-top:5%;
	margin-left:50%;
	width:40%;
}
#intro1row2div3 {
	margin-top:5%;
	margin-left:45%;
	width:32%;
}
#intro1row2div4 {
	margin-left:10%;
	width:18%;
	margin-top:55%;
	 z-index:7;
	 position:relative;
}
#intro1row2div5 {
	margin:0%;
	width:40%;
	position:absolute;
	top:10%;
	left:30%;
	color:white;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
}
#painImgDiv {
	position:relative;
	width:4%;
	float:right;
	top:-660px;
	opacity: 0;
    filter: alpha(opacity=0);
    z-index:6;
}
#painImgMain {
	z-index:5;
	position:absolute;
	top:0%;
	opacity: 0.7;
    filter: alpha(opacity=70);
}
#painImgSide {
	position:absolute;
	top:10%;
	z-index:4;
	opacity: 0;
    filter: alpha(opacity=0);
	
}
#eyeImgDiv {
	margin-top:0%;
	position:relative;
	overflow:hidden;
	height:100vh;
	opacity: 0;
    filter: alpha(opacity=0);
}
#eyeImg{
	position:absolute;
	width:320%;
	left:-100%;
	top:-220%;
}
#waves1img, #waves2img {
	height: 80vh;
	overflow:hidden;
	position:relative;
	background-color:white;
	z-index:999;
}
#waves1img1, #waves2img1 {
	width:150%;
	position:absolute;
	left:-28%;
	bottom:-6%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}
#waves1img2, #waves2img2 {
	width:127%;
	position:absolute;
	left:-20%;
	bottom:12%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}
#waves1img3, #waves2img3 {
	width:125%;
	position:absolute;
	left:-18%;
	bottom:25%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}
#waves1img4, #waves2img4 {
	width:128%;
	position:absolute;
	left:-26%;
	bottom:22%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}
#clouds1img{
	height: 60vh;
	overflow:hidden;
	position:relative;
}
#clouds2img {
	height: 60vh;
	overflow:hidden;
	position:relative;
}
#clouds1imgMark, #clouds2imgMark {
	position:absolute;
	left:0;
	bottom:30%;
}
#clouds1imgTop, #clouds2imgTop {
	width:145%;
	position:absolute;
	left:-40%;
	bottom:6%;
	opacity: 0.6;
    filter: alpha(opacity=60);
}
#clouds1imgMid, #clouds2imgMid {
	width:135%;
	position:absolute;
	left:-12%;
	bottom:7%;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
#clouds1imgLow, #clouds2imgLow  {
	width:120%;
	position:absolute;
	left:-9%;
	bottom:-1%;
	opacity: 1;
    filter: alpha(opacity=100);
}
#clouds1imgBg, #clouds2imgBg {
	width:100%;
	position:absolute;
	bottom:0;
	height:8%;
	background-color:white;
	display:none;
	
}
#pre1  {
	background-color:white;
	color:black;
	padding:15%;
	margin-top:0%;
	padding-top:5%;
	padding-bottom:0%;
	position:relative;
	overflow:hidden;
	
}
#cloudsbg, #cloudsbg2, #cloudsbg3 {
	position:absolute;
	
}
#cloudsbgl, #cloudsbgl2 {
	position:absolute;
	left:-38%;
	top:-1%;
	opacity: 0;
    filter: alpha(opacity=0);

}
#cloudsbgl3 {
	position:absolute;
	left:-32%;
	top:-1%;
	opacity: 0.7;
    filter: alpha(opacity=70);

}
#cloudsbglimg, #cloudsbglimg2 {
	height:auto;
	width:60vw;

}
#cloudsbglimg3 {
	height:auto;
	width:60vw;

}
#cloudsbgr, #cloudsbgr2 {
	position:absolute;
	left:72%;
	top:-1%;
	opacity: 0;
    filter: alpha(opacity=0);

}
#cloudsbgr3 {
	position:absolute;
	left:78%;
	top:-5%;
	opacity: 0.7;
    filter: alpha(opacity=70);

}
#cloudsbgrimg, #cloudsbgrimg2, #cloudsbgrimg3 {
	height:auto;
	width:60vw;
}

#race1, #end1 {
	background-color:white;
	color:black;
	padding:15%;
	margin-top:0%;
	padding-top:4%;
	padding-bottom:2%;
	position:relative;
	overflow:hidden;
	
}
#post1 {
	
	
	padding:15%;
	margin-top:0%;
	padding-top:4%;
	padding-bottom:2%;
	position:relative;
	overflow:hidden;
	
}
#end1 {
	height:70vh;
	padding-top:20%;

}
.pre1txt, .race1txt, .post1txt, .end1txt {
	width:75%;
	margin-left:7.5%;
	padding:5%;
	padding-top:0;
	padding-bottom:2%;
}
.post1txt {
	padding-top:1%;
	padding-bottom:1%;
}
.pre1img {
	width:75%;
	margin-left:7.5%;
	padding:5%;
	padding-top:2%;
	padding-bottom:1%;
}
#underwater1 {
	
	padding:5%;
	padding-left:0;
	padding-right:0;
	margin-top:0%;
	margin-bottom:0;
	padding-top:10%;
	padding-bottom:20%;
	position:relative;
	overflow:hidden;
}
/*#waves2img {
	height: 80vh;
	overflow:hidden;
	position:relative;
	background-color:white;
	z-index:999;
}
#waves2img1 {
	width:110%;
	position:absolute;
	left:-8%;
	bottom:-5%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(2deg); 
    -webkit-transform: rotate(2deg); 
    transform: rotate(2deg);
}
#waves2img2 {
	width:120%;
	position:absolute;
	left:-15%;
	bottom:-2%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(1deg); 
    -webkit-transform: rotate(1deg); 
    transform: rotate(1deg);
}
#waves2img3 {
	width:105%;
	position:absolute;
	left:-2%;
	bottom:0%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(1deg); 
    -webkit-transform: rotate(1deg); 
    transform: rotate(1deg);
}
#waves2img4 {
	width:115%;
	position:absolute;
	left:-4%;
	bottom:10%;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(1deg); 
    -webkit-transform: rotate(1deg); 
    transform: rotate(1deg);
}
*/

#underwater1bg {
	/*height: 100vh;*/
	/*overflow:hidden;
	position:relative;*/
	
}
#underwater1imgBubbles {
	width:70%;
	height:auto;
	position:absolute;
	top:5%;
	left:15%;
	z-index:-9;
	/*opacity: 0;
    filter: alpha(opacity=0);*/
}
#underwater1bg2 {
	position:absolute;
}
#underwater1imgHandsDiv {
	position:fixed;
	left:-15%;
	bottom:-100%;
	z-index:-9;
	opacity: 0;
    filter: alpha(opacity=0);
}
#underwater1imgHands {
	/*width:100%;*/
	height:200vh;
	width:auto;
	
	/*width:130%;
	height:auto;*/
	/*bottom:30%;
	left:0;
	opacity: 0;
    filter: alpha(opacity=0);*/
}
#underwater1imgLines {
	width:100%;
	position:absolute;
	bottom:30%;
	left:0;
	opacity: 0;
    filter: alpha(opacity=0);
}
#thunk1 {
	padding-left:20%;
	font-size:40px;
	opacity: 0;
    filter: alpha(opacity=0);
    padding-bottom:10%;
    padding-top:15%;
}
#thunk2 {
	font-size:40px;
	padding-left:50%;
	opacity: 0;
    filter: alpha(opacity=0);
    padding-bottom:20%;
}
#thunk3 {
	font-size:35px;
	padding-left:20%;
	opacity: 0;
    filter: alpha(opacity=0);
    padding-bottom:35%;
}
#underwaterpause {
	padding-top:50%;
}
.underwater1txt {
	width:70%;
	/*margin-left:7.5%;*/
	margin:0px;
	padding:15%;
	padding-top:0;
	padding-bottom:2%;
	/*height:100vh;*/
	/*text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);*/
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
}
#underwater1txtSub {
	/*font-size:26px;*/
	padding-top:10%;
}
#handsStart2 {
	padding-bottom:100%;
}
#handsExit {
	padding-bottom:50%;
	/*height:50vh;*/
}
/*#clouds2img {
	height: 140vh;
	overflow:hidden;
	position:relative;
}
#clouds2imgMark {
	position:absolute;
	left:0;
	top:0%;
}*/
/*#clouds2imgHigh {
	width:100%;
	position:absolute;
	left:0;
	bottom:38%;
	opacity: 1;
    filter: alpha(opacity=100);
}
#clouds2imgMid {
	width:100%;
	position:absolute;
	left:0;
	bottom:12%;
	opacity: 1;
    filter: alpha(opacity=100);
}
#clouds2imgHigh {
	width:100%;
	position:absolute;
	left:0;
	bottom:0%;
	opacity: 1;
    filter: alpha(opacity=100);
}*/

#underwater1div1 {
	margin-top:0%;
	position:relative;
	top:3%;
	width:100%;
	left:0;
}
.fbvideo {
    width: 50%;
    height: 70.5%;
    padding-left:25%;
    padding-right:25%;
}
#sink1 {
	background-color:black;
	padding:5%;
	padding-left:0;
	padding-right:0;
	padding-top:0%;
	padding-bottom:0%;
	position:relative;
	z-index:15;
	overflow:hidden;
}
.sink1txt {
	width:70%;
	/*margin-left:7.5%;*/
	margin:0px;
	padding:15%;
	/*padding-top:5%;*/
	/*height:100vh;*/
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
}
#sink1Img {
	height: 100vh;
	overflow:hidden;
	position:relative;
}
#sink1imgBg {
	width:100%;
	position:absolute;
	left:0;
	opacity: 0;
    filter: alpha(opacity=0);
}

#sink1imgGuy1 {
	width:40%;
	position:absolute;
	left:26%;
	top:-55%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#sink1imgGuy2 {
	width:28%;
	position:absolute;
	left:0;
	top:-45%;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
}
#sink1imgGuy3 {
	width:25%;
	position:absolute;
	left:70%;
	top:-48%;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: rotate(67deg); /* IE 9 */
    -webkit-transform: rotate(67deg); /* Chrome, Safari, Opera */
    transform: rotate(67deg);
}
#sink1imgBottom {
	width:100%;
	position:absolute;
	left:0;
	bottom:-30%;
	opacity: 0.3;
    filter: alpha(opacity=30);
}
#sink1imgStain {
	width:100%;
	position:absolute;
	left:0;
	opacity: 0.2;
    filter: alpha(opacity=20);
}
#sink1imgWatertop {
	width:100%;
	position:absolute;
	left:0;
	top:10%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#sink1imgStain2 {
	width:140%;
	top:0;
	position:absolute;
	left:0;
	opacity: 0.2;
    filter: alpha(opacity=20);
}
#sink1ImgTxt {
	/*position:absolute;
	bottom:0%;
	left:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);*/
	position:absolute;
	top:-25%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#search1ImgTxt1{
	/*position:absolute;
	top:10%;
	left:0;*/
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
	/*opacity: 0;
    filter: alpha(opacity=0);*/
    
    padding-top:10%;
}

#search1ImgTxt2{
	/*position:absolute;
	top:20%;
	left:0;*/
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
	/*opacity: 0;
    filter: alpha(opacity=0);*/
    padding-top:0%;
}
#sink1ImgPostTxt, #search1ImgPostTxt {
	padding-top:10%;
}
#landBridge {
	/*height:100vh;
	background-color:black;*/
}
#search1Img {
	height: 100vh;
	overflow:hidden;
	position:relative;
	z-index:-9;
}
#search1imgBg {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-9;
	/*bottom:0;*/
	opacity: 0;
    filter: alpha(opacity=0);*/
}
#search1imgLeft {
	width:55%;
	position:absolute;
	left:22%;
	opacity: 0;
    filter: alpha(opacity=0);
    bottom:35%;
    z-index:-9;
}
#search1imgRight {
	width:8%;
	position:absolute;
	left:62%;
	opacity: 0;
    filter: alpha(opacity=0);
    bottom:34%;
    z-index:-9;
}
#search1imgBack {
	width:14%;
	position:absolute;
	left:50%;
	bottom:90%;
	opacity: 0;
    filter: alpha(opacity=0);
    z-index:-9;
}
#search1imgCenter {
	width:12%;
	position:absolute;
	left:45%;
	opacity: 0;
    filter: alpha(opacity=0);
    bottom:10%;
    z-index:-9;
}
#privacy1Img {
	height: 100vh;
	overflow:hidden;
	position:relative;
		/*background-color:white;*/
}
#privacy1imgBg {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgCamDark {
    width: 63%;
    position: absolute;
    left: 20%;
    bottom: -1%;
    opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgCam {
    width: 49%;
    position: absolute;
    left: 27%;
    bottom: -1%;
    opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgSit {
    width: 52%;
    position: absolute;
    left: 21%;
    bottom: -1%;
    opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgFlash1 {
    width: 60%;
    position: absolute;
    left: 21%;
    bottom: 23%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgFlash2 {
    width: 60%;
    position: absolute;
    left: 35%;
    bottom: 25%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgFlash3 {
    width: 60%;
    position: absolute;
    left: 10%;
    bottom: 28%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#privacy1imgFlashDiv {
	opacity: 0;
    filter: alpha(opacity=0);

}
#privacy1ImgTxt {
	padding-top:0;
	position:absolute;
	top:40%;
	left:0;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
	/*opacity: 0;
    filter: alpha(opacity=0);*/
    
}
#end1Img {
	/*height: 100vh;*/
	overflow:hidden;
	position:relative;
	
}
#end1ImgBg {
	width:160%;
	position:absolute;
	left:-30%;
	bottom:-60%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#end1ImgBg2 {
	/*width:100vw;
	height:100vh;
	background: url(pre1img9_dots.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;*/
	/*opacity: 0;
    filter: alpha(opacity=0);*/
    /*position:relative;
    width:75vw;
	height:75vh;
	left:12.5vw;
    overflow:hidden;*/
    padding-bottom:1%;
}
#end1ImgBg2img {
	position:relative;
	/*left:2.5%;
	bottom:0%;
	width:105%;*/
	width:75vw;
	height:auto;
	left:12.5vw;
	padding-bottom:0%;
}
#end1ImgTxtDiv {
	padding-top:10%;
	padding-bottom:5%;
}	
#end1ImgTxt1 {
	color:white;
	/*position:absolute;
	top:10%;
	left:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);*/
}
#end1ImgTxt2 {
	/*position:absolute;
	top:40%;
	left:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);*/
}
#end1ImgTxt3 {
	/*position:absolute;
	top:10%;
	left:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
	opacity: 0;
    filter: alpha(opacity=0);*/
}
#end1ImgTxt4 {
	/*position:absolute;
	top:40%;
	left:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
	opacity: 0;
    filter: alpha(opacity=0);*/
}
#end1ImgBgMobile {
	display:none;
}
#restart1 {
	position:absolute;
	top:3%;
	left:1%;
	cursor:pointer;
	background-color:rgba(0, 0, 0, 0.5);
	padding:15px;
	border-radius: 8px;
	font-size:16px;
	padding-top:6px;
	padding-bottom:6px;
	opacity: 0;
    filter: alpha(opacity=0);
}
#restart1Mobile {
	display:none;
}
#justinBridge {
	height:0vh;
}
#justin1Img {
	height: 100vh;
	overflow:hidden;
	position:relative;
	/*opacity: 0;
    filter: alpha(opacity=0);*/
	
}
#justin1ImgBg {
	width:160%;
	position:absolute;
	left:-30%;
	bottom:-40%;
	
}
#justin1imgMan {
    position: absolute;
    width: 25%;
    bottom: -48%;
    left: 38%;
}


#justin1ImgTxt1 {

	/*font-family: 'Merriweather', serif;*/
	position:absolute;
	top:5%;
	left:5%;
	color:white;
	width:40%;
	font-size:25px;
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.9);
	background-color:rgba(0,0,0,  0.4)  ;
	padding:1%;
	padding-left:4%;
	padding-top:3%;
	padding-bottom:3%;
	border-bottom:0px solid #757575;
	opacity: 0;
    filter: alpha(opacity=0);
	
}
#justin1ImgTxt2 {
	/*font-family: 'Merriweather', serif;*/
	color:#4d4d4d;
	width:30%;
	right:5%;
	font-size:20px;
	color:white;
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.8);
}

.justin1ImgTxt {
	padding:5%;
}
.justin1ImgTxtNt {
	padding:5%;
	padding-top:1%;
	padding-bottom:1%;
}
.justin1ImgRow {
	/*height:100vh;*/
	position:absolute;
	bottom:12%;
	/*right:4%;*/
	
	width:33%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#justin1ImgRow1 {
	left:6%;
}
#justin1ImgRow2 {
	right:6%;
}
.justin1ImgRowNt {
    /* height: 100vh; */
    position: absolute;
    bottom: 15%;
    right: 4%;
    width: 92%;
    opacity: 0;
    filter: alpha(opacity=0);
}
#vid1 {
	padding:10%;
	width:80%;
	padding-top:0;
}
#next {
	/*position:relative;
	top:-2%;*/
}

@media screen and (orientation:portrait) {
     /* Portrait styles */
     /*hide your main content and display message */
     
    body {
    	font-size:16px;
	}
	#vid1 {
		padding:0%;
		width:100%;
	}
	#chTxt {
		padding-left: 1vw;
		padding-right: 0px;
		font-size: 3.5vw;
	}
	.chDiv {
		font-size: 3.3vw;
		width: 4.83vw;
		height: 4.8vw;
		border-radius: 4vw;
		
		line-height: 4.8vw;
	}
	.imgcap {
		font-size:10px;
		padding-left:4%;
		padding-right:4%;
	  padding-bottom:3%;
	}
	#start1bg {
		height: 120%;
	}
	#intro1bg {
		height:100%;
	}
	#cnalogo {
		width: 10%;
		height: 10%;
		bottom: 0%;
		right: 5%;
	}
	#titleDiv {
		bottom:13%;
	}
	#start1titleSub1 {
		font-size: 35px;
		margin-top:15%;
	}
	#start1titleSub1a {
		display:block;
		position:relative;
		top:20px;
		font-size:36px;
	}
	#start1titleSub2 {
		font-size: 120px;
	}
	#start1titleSub3 {
		font-size: 12px;
		padding-bottom: 10px;
	}
	#start1imgWater {
		height:150%;
	
	}
	#start1imgWaterTop {
		height:150%;
	}
	#start1imgBoat {
		top:-5%;
		width:200%;
	
	}
	.quoteTxt {
		font-size:20px;
		width:66%;
		text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.9);
	
	}
	.subTxt {
		font-size:17px;
		width:66%;
		text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.7);
	}
	#intro1imgWater {
	/*position:absolute;*/
		margin-top:140%;
		height:206vh;
		width:auto;
		left:-20%;

	}
	#intro1imgMan {
		top:0%;
		left:10%;
		width:80%;
		/*opacity: 1;
		filter: alpha(opacity=100);*/

	}
	#intro1quoteTxt {
		margin-top:0px;
	}
	#intro1row2div1 {
		width: 45%;
		margin-left: 52%;
		margin-top:0%;
	}
	#intro1row2div2 {
		margin-top: 28%;
		margin-left: 10%;
	}
	#intro1row2div3 {
		margin-top: 38%;
		margin-left: 51%;
		width: 44%;
	}
	#intro1row2div4 {
		width: 78%;
	}
	#intro1row2div5 {
		width: 70%;
		left: 15%;
		text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 1)
	}
	#eyeImgDiv {
		margin-top:0%;
	}
	#eyeImg{
		height:250%;
		width:auto;
		left:-200%;
		top:-90%;
	}
	#painImgDiv {
		width:4%;
		top:0px;
	}
	/*#clouds1imgMark {
		bottom:100%;
	}
	#clouds1img {
		height: 40vh;
	}
	#clouds1imgTop {
		bottom:18%;
	}
	#clouds1imgMid {
		bottom:8%;
	}
	#clouds1imgBg {
		height:0%;
	}
	#clouds1imgLow {
	
	}*/
	
	#clouds1img {
		height: 20vh;
		overflow: hidden;
		position: relative;
	}
	#thunk2 {
		padding-bottom: 26%;
	}
	#thunk3 {
		padding-bottom: 56%;
	}
	#underwater1imgHandsDiv {
		bottom:-200%;
		opacity:1;
	}

	#handsStart2 {
		padding-bottom: 170%;
	}
	#cloudsbgl, #cloudsbgl2, #cloudsbgl3, #cloudsbglimg, #cloudsbglimg2, #cloudsbglimg3, #cloudsbgr, #cloudsbgr2, #cloudsbgr3, #cloudsbgrimg, #cloudsbgrimg2, #cloudsbgrimg3 {

		display:none;
	}


	#pre1 {
		padding: 5%;
		margin-top: 0%;
		padding: 0%;
		padding-bottom: 15%;
	}
	.pre1img {
		width: 100%;
		margin-left: 0%;
		padding: 0%;
		padding-top: 0;
		padding-bottom: 1%;
	}
	#waves1img {
    	height: 23vh;
    }
    #underwater1txtSub {
		/*font-size:26px;*/
		padding-top:10%;
	}
    #underwater1div1 {
    	top: 5%;
    }
    #underwater1div1 {
		height:400vh;
		width:auto;
	
	}
	.underwater1txt {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
	}
	#handsExit {
		padding-bottom: 50%;
		
		/* height: 50vh; */
	}
	#underwater1imgHandsDiv {
		left: -110%;
		bottom: -50%;
	}
	#underwater1imgHands {
		/* width: 100%; */
		height: 140vh;
		width: auto;
	}
	#clouds2img {
		height: 26vh;
	}
	.pre1txt, .race1txt, .post1txt, .end1txt {
		width: auto;
		margin-left: 0%;
		padding: 4%;
	}
	#race1, #post1, #end1 {
		padding-left: 0%;
		padding-right: 0%;
	}
	.fbvideo {
		width: 100%;
		height: 44.5%;
		padding-left:0%;
		padding-right:0%;
	}
	#waves2img {
    	height: 26vh;
    }
    .sink1txt, #search1ImgTxt1, #search1ImgTxt2  {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
    #sink1imgBg {
		height:100vh;
		width:auto;
	}
	#sink1imgGuy1 {
		width:80%;
		left:26%;
		top:-45%;
	}
	#sink1imgGuy2 {
		width:48%;
		left:0;
		top:-35%;
	}
	#sink1imgGuy3 {
		width:35%;
		left:70%;
		top:-38%;
	}
	#sink1imgBottom {
		width:100%;
		left:0;
		bottom:-10%;
	}
	#sink1imgStain {
		width:100%;
		left:0;
	}
	#sink1imgWatertop {
		width:100%;
		left:0;
		top:10%;
	}
	#sink1imgStain2 {
		height:100%;
		width:auto;
		top:0;
		left:0;
	}
	#search1imgBg {
		height:100vh;
		width:auto;
    }
    #search1imgLeft {
		width: 92%;
		left: -4%;
		bottom: 23%;
	}
	#search1imgRight {
		width: 9%;
		left: 87%;
		bottom: 54%;
	}
	#search1imgBack {
		width: 19%;
		left: 66%;
		bottom: 79%;
	}
	#search1imgCenter {
		width: 19%;
		left: 37%;
		bottom: 10%;
	}
	#search1ImgPostTxt {
		padding-bottom: 10%;
	}
	#privacy1imgBg {
		height:100vh;
		width:auto;
	}
	#privacy1imgCamDark {
		width: 156%;
		left: -24%;;
	}
	#privacy1imgCam {
		width: 123%;
		left: -7%;
	}
	#privacy1imgSit {
		width: 123%;
		left: -18%;
	}
	#privacy1imgFlash1 {
		width: 100%;
		left: 3%;
		bottom: 26%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	#privacy1imgFlash2 {
		width: 100%;
		left: 38%;
		bottom: 28%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	#privacy1imgFlash3 {
		width: 100%;
		left: -25%;
		bottom: 29%;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	#privacy1imgFlashDiv {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	#privacy1ImgTxt {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
	}
	#end1Img {
		/*height: auto;
		overflow:auto;
		position:relative;*/
		
		/*width:100vw;*/
		overflow:hidden;
	
	}
	#end1ImgBg2 {
		width:100vw;
		padding:0;
		overflow:hidden;
		
		padding-bottom:2%;
		
	}
	#end1ImgBg2img {
		width:100vw;
		left:0;
	}
	#end1ImgTxt1 {
		position:static;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
		opacity: 1;
		filter: alpha(opacity=100);
		padding-top:10%;
	}
	#end1ImgTxt2 {
		position:static;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#end1ImgTxt3 {
		position:static;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#end1ImgTxt4 {
		position:static;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
		opacity: 1;
		filter: alpha(opacity=100);
		padding-bottom:10%;
	}
	#end1ImgBgMobile {
		display:block;
		margin-top:10%;
		margin-bottom:5%;
	}
	

	#justin1ImgBg {
		height:150%;
		width:auto;
		left:-135%;
		bottom:-25%;
	
	}
	#justin1imgMan {
		height: 135%;
		width:auto;
		bottom: -25%;
		left: 20%;
	}


	#justin1ImgTxt1 {
		top: 26%;
		left: 13%;
		width: 66%;
		font-size: 16px;
		/*text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.9);*/
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
		padding: 1%;
		padding-left: 4%;
		padding-top: 3%;
		padding-bottom: 3%;
	}
	#justin1ImgTxt2 {
		width:30%;
		right:5%;
		font-size:15px;
		/*text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.9);*/
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
	}

	.justin1ImgTxt {
		padding:5%;
	}
	.justin1ImgRow {
		top: 38%;
		right: 10%;
		width: 80%;
	}
	#justin1ImgRow1 {
	left:auto;
	right:6%;
	}
	#justin1ImgRow2 {
		right:6%;
	}

	
	#restart1 {
		padding: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 30px;
		font-size: 16px;
		margin: 6px;
		width: auto;
	}

 }