/* 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: 'Muli', serif;
    font-size:20px;
    background-color:black;
    color:white;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
    width:100%;
    overflow-x: hidden;
}
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;
}
#sink1 {
	background-color:black;
	padding:5%;
	padding-left:0;
	padding-right:0;
	padding-top:0%;
	padding-bottom:0%;
	position:relative;
	z-index:15;
}
.sink1txt {
	width:70%;
	/*margin-left:7.5%;*/
	margin:0px;
	padding:15%;
	padding-top:0;
	/*height:100vh;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);*/
}
#sink1Img {
	height: 100vh;
	overflow:hidden;
	position:relative;
}
#sink1imgBg {
	width:100%;
	position:absolute;
	left:0;
	opacity: 0.6;
    filter: alpha(opacity=60);
}

#sink1imgBottom {
	width:100%;
	position:absolute;
	left:0;
	bottom:0%;
	opacity: 0.7;
    filter: alpha(opacity=70);
}
#sink1imgStain {
	width:140%;
	position:absolute;
	left:0;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
#sink1imgWatertop {
	width:140%;
	position:absolute;
	left:0;
	top:-12%;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
#sink1imgStain2 {
	width:140%;
	top:0;
	position:absolute;
	left:0;
	opacity: 0.7;
    filter: alpha(opacity=70);
}
#sink1ImgTxt {
	position:absolute;
	bottom:0%;
	left:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
	opacity: 0;
    filter: alpha(opacity=0);
}
#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:30%;
	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;
}
#ch4 {
	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;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
#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:absolute;
	/*bottom:50%;*/
	top:0%;
	left:10%;
	width:10%;
	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: 'Merriweather', serif;
	position:absolute;
	top:30%;
	/*left:15%;*/
	width:100%;
	text-align:center;
	color:white;
	font-size:32px;
	text-shadow: -1px 2px 16px rgba(0, 0, 0, 0.9);
	/*background-color:rgba(0,0,0,  0.1)  ;*/
	padding:1%;
	
}
#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:60%;
}
#ctitle1 {
	font-size:50px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
#ctitle2 {
	font-size:80px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
#ctitle3 {
	font-size:20px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding-left:15%;
	padding-right:15%;
	padding-top:1%;
}

.subTxt {
	font-family: 'Merriweather', serif;
	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);
}
.imgcap {
	font-size:15px;
	padding-left:12.5%;
	padding-right:12.5%;
	font-style: italic;
  font-weight: 400;
  padding-top:0% !important;
  padding-bottom:3% !important;
}
.slide {
	position:relative;
	height:100vh;
	overflow:hidden;
	opacity: 1;
    filter: alpha(opacity=1);
}
#slide4 {
	height:200vh;
}
#slide7 {
	height:200vh;
}
#slide8 {
	height:200vh;
}
#slide10 {
	height:150vh;
}
.slideTitle {
	font-size:34px;
  font-style: normal;
  font-weight: 900;
}
.slideTxtDiv {
	position:absolute;
	height:85%;
	width:30%;
	top:10%;
	right:5%;
	padding:2%;
	background-color:rgba(0, 0, 0, 0.6);
	
	border-bottom:0px solid #757575;
}
#slideTxtDiv1 {
	height:auto;
	width:28%;
	top:5%;
	left:5%;
}
#slideTxtDiv2 {
	height:80%;
	width:30%;
	top:10%;
	right:5%;
}
#slideTxtDiv4 {
    height: auto;
    width: 100%;
    top: 55%;
    left: 0%;
}
#slideTxtDiv7 {
    position: absolute;
    height: auto;
    width: 50%;
    top: 20%;
    left: 5%;
    background-color:rgba(0, 0, 0, 0.6);
    /*border-bottom: 0px solid #757575;
    padding:0;*/
}
#slideTxtDiv8 {
    position: absolute;
    height: auto;
    width: 30%;
    top: 25%;
    right: 5%;
    background-color:rgba(0, 0, 0, 0.6);
    /*border-bottom: 0px solid #757575;
    padding:0;*/
}
#slideTxtDiv10 {
    height: auto;
    width: 30%;
    top: 30%;
    right: 5%;
}
/*.slideTxt {
	position:absolute;
	top:0;
	left:0;
	padding:8%;
}*/
.slideTxt div {
	padding:2%;
}
.slideImg {

	width:100%;
	height:100%;
	
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	opacity: 1;
    filter: alpha(opacity=100);

}

#imgd1 {
	background: url(d1_DBSMR_20160528_CoporateOpenFinal.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgd2 {
	background: url(d2_2015-06-07_TRADITIONAL-BOAT-RACE.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
/*#imgd3 {
	background: url(d3_2015-06-07_TRADITIONAL-BOAT-RACE.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}*/
#imgd4 {
	background: url(d3_2015-06-07_TRADITIONAL-BOAT-RACE.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:100vh;
}
#imgd7 {
	background: url(d5_BCFPaddlersInThePink.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:100vh;
	
}
#imgd8 {
	background: url(d6_GCM_1640.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:100vh;
}

#imgd10 {
	background: url(d7_GCM_1568.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:100vh;
}



/*#slide1Txt2, #slide3Txt2, #slide4Txt2, #slide5Txt2, #slide7Txt2, #slide7Txt3, #slide8Txt2, #slide10Txt2 {
	opacity: 0;
    filter: alpha(opacity=0);
}*/
.slide2row {
	padding:2%;
}
#slide2img1 {
	width:100%;
}
.slide3row {
	padding:2%;
}
#slide3img1 {
	width:100%;
}
.slide5row {
	padding:2%;
}
#slide5img1 {
	width:100%;
}
.slide6row {
	padding:2%;
}
#slide6img1 {
	width:100%;
}
.slide9row {
	padding:2%;
}
#slide9img1 {
	width:100%;
}

#slide8 {
opacity: 1;
    filter: alpha(opacity=100);
}
#slide9 {
opacity: 1;
    filter: alpha(opacity=100);
}

.clear {
	clear:both;
	padding:0 !important;
}

.xslide {
	padding:2%;
	position:relative;
	background-color:white;
	color:black;
	padding-left:20%;
	padding-right:20%;
	text-shadow: none;
}
.xslide img {
	padding:2%;
	width:100%;
	
}
.xslide div {
	padding:2%;
}
#start2b {
	position:relative;
	height:100vh;
	overflow:hidden;
	background-color:white;
	opacity: 0;
    filter: alpha(opacity=0);
	}
#start2quoteTxtb {

	top:20%;
}
#start2subTxtb {
	top:50%;

}
#creditsSlide {
	background-color:black;
}
#creditsimgBg {
	width:100%;
	position:absolute;
	left:0;
	opacity: 1;
    filter: alpha(opacity=100);

}
#creditsimgWater {
	width: 125%;
    position: absolute;
    left: -10%;
    bottom: -57%;
    opacity: 0.8;
    
    filter: alpha(opacity=80);

}
#creditsimgBoat {
	width: 104%;
    position: absolute;
    left: 3%;
    bottom: -37%;
    opacity: 1;
    filter: alpha(opacity=100);

}
#creditsDiv {
	position: absolute;
	top:5%;
	right:5%;
	width:50%;
	opacity: 1;
    filter: alpha(opacity=100);
    text-align: center;
	vertical-align: middle;
	color:white;
	text-shadow: none;
	opacity: 0;
    filter: alpha(opacity=0);
}	
#footnoteDiv {
	position: absolute;
	bottom:10%;
	left:5%;
	width:90%;
	opacity: 1;
    filter: alpha(opacity=1);
    text-align: center;
	vertical-align: middle;
	color:white;
	text-shadow: none;
	font-style: italic;
	opacity: 0;
    filter: alpha(opacity=0);
}
#fnBg {
	position:absolute;
	bottom:0;
	height:32%;
	width:100%;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+46,0.8+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 46%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 46%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 46%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	
	/*background-color:red;*/
	
	opacity: 0;
    filter: alpha(opacity=0);

}
#slide10mobile {
	display:none;
}
#creditsDiv2,#creditsDiv3 {
	padding-top:2%;
}
#creditsDiv div {
	
}
.creditName {
	font-weight:400;
}
#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;
}
#cloudsbgl {
    position: absolute;
    left: -44%;
    top: -3%;
    opacity: 0;
    transform: rotate(7deg);
    filter: alpha(opacity=0);
    z-index:9999;
}
#cloudsbglimg {
	height:auto;
	width:60vw;
}
#cloudsbgr {
	position:absolute;
	left:72%;
	top:-3%;
	opacity: 0;
	transform: rotate(20deg);
    filter: alpha(opacity=0);
    z-index:9999;
}
#cloudsbgrimg {
	height:auto;
	width:60vw;
}
#cloudsbgl2 {
    position: absolute;
    left: -44%;
    top: -3%;
    opacity: 0;
    transform: rotate(7deg);
    filter: alpha(opacity=0);
    z-index:9999;
}
#cloudsbglimg2 {
	height:auto;
	width:60vw;
}
#cloudsbgr2 {
	position:absolute;
	left:72%;
	top:-3%;
	opacity: 0;
	transform: rotate(20deg);
    filter: alpha(opacity=0);
    z-index:9999;
}
#cloudsbgrimg2 {
	height:auto;
	width:60vw;
}
#cloudsbgl3 {
    position: absolute;
    left: -54%;
    top: -3%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index:9999;
}
#cloudsbglimg3 {
	height:auto;
	width:70vw;
}
#cloudsbgr3 {
	position:absolute;
	left:72%;
	top:-3%;
	opacity: 0;
	transform: rotate(20deg);
    filter: alpha(opacity=0);
    z-index:9999;
}
#cloudsbgrimg3 {
	height:auto;
	width:60vw;
}

@media screen and (orientation:portrait) {
     /* Portrait styles */
     /*hide your main content and display message */
     
    body {
    	font-size:16px;
	}
	#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% !important;
		padding-right:4% !important;
	  padding-bottom:4% !important;
	  padding-top:1% !important;
	}
	.slide {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.xslide {
		padding-left:0%;
		padding-right:0%;
	}
	.xslide div {
    padding: 4%;
}
	#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%;
	
	}
	#sink1imgBg {
		height:100%;
		width:auto;
		position:absolute;
		left:0;
	}

	#sink1imgBottom {
		height:120%;
		width:auto;
		left:0;
		bottom:0%;
	}
	#sink1imgStain {
		height:120%;
		width:auto;
		left:0;
	}
	#sink1imgWatertop {
		width:120%;
		left:0;
		top:0%;
	}
	#sink1imgStain2 {
		height:150%;
		width:auto;
		top:0;
		left:0;
	}
	.quoteTxt {
		font-size:20px;
		width:100%;
		text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.9);
		top:15%;
	}
	.subTxt {
		font-size:17px;
		width:52%;
		text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.7);
	}
	#ctitle1 {
		font-size:20px;
	}
	#ctitle2 {
		font-size:38px;
	}
	#ctitle3 {
		font-size:14px;
	}
	#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%;
	}
	#intro1row2div3 {
		margin-top: 38%;
		margin-left: 51%;
		width: 44%;
	}
	#intro1row2div4 {
		width: 78%;
	}
	#intro1row2div5 {
		width: 70%;
		left: 15%;
	}
	#slide1 {
		height: 200vh;
	}
	#slide7 {
		height: 250vh;
	}
	#slide10 {
		height: 200vh;
	}
	#imgd1 {
		height: 100vh;
		
	}
	
	#slideTxtDiv1 {
		position: absolute;
		height: auto;
		width: 88%;
		top: 60%;
		left: 4%;
	}
	#slide2img1 {
		float: none;
		width: 100%;
		padding:0;
	}
	#slide3img1 {
		float: none;
		width: 100%;
		padding:0;
	}
	#imgd4 {
		height: 56%;
	}
	#slideTxtDiv4 {
		/*height: 50%;
		width: 91%;
		top: 35%;
		left: 4%;*/
	}
	#slide5img1 {
		float: none;
		width: 100%;
		padding:0;
	}
	#slide6img1 {
		float: none;
		width: 100%;
		padding:0;
	}
	#slideTxtDiv7 {
		position: absolute;
		height: auto;
		width: 88%;
		top: 60%;
		left: 4%;
    }
    
    #imgd7 {
    	background-position: 70% center;
    }
    #imgd8 {
		height: 100vh;
		background-position: 0% center;
	}
	#slideTxtDiv8 {
		height: auto;
		width: 88%;
		top: 60%;
		left: 4%;
	}
	#slide9img1 {
		float: none;
		width: 100%;
		padding:0;
	}
	#imgd10 {
		height: 100vh;
	}
	#slideTxtDiv10 {
		position: absolute;
		height: auto;
		width: 88%;
		top: 60%;
		left: 4%;
	}
	#creditsimgBg {
		height:100%;
		width:auto;
		position:absolute;
		left:0;
	}
	#creditsimgWater {
		height:150%;
		width:auto;
		position:absolute;
		left:-10%;
		bottom:-10%;
		opacity: 0.4;
   		filter: alpha(opacity=40);
	}
	#creditsimgBoat {
		
		width:110%;
		top:2%;
		position:absolute;
		right:-5%;
	}
	#creditsDiv {
		width:96%;
		top:auto;
		bottom:34%;
		left:2%;
		font-size:12px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	}
	#footnoteDiv {
		width:92%;
		top:auto;
		bottom:14%;
		right:auto;
		left:4%;
		font-size:11px;
	}
	#fnBg {
		height:82%;
	}

	.slideTitle {
		font-size: 26px;
	}
	
	#restart1 {
		padding: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 30px;
		font-size: 16px;
		margin: 6px;
		width: auto;
	}
	#cloudsbgl, #cloudsbgr, #cloudsbgl2, #cloudsbgr2, #cloudsbgl3, #cloudsbgr3 {
		display:none;
	}

 }