/* 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;
}
#ch2 {
	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%;
	
}
.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;
}

#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;
    z-index:20;
    position:relative;
}
#start2space {
	height:20vh;
}
#slide2 {
	height:150vh;
	top:0%;
	z-index:50;
}
#slideTxtDiv2 {
	height: 81%;
    width: 30%;
    top: 15%;
    right: 5%;
}
#imgb2 {
	height:100vh;
	background: url(b2_matkryyagrab1_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#slide3 {
	/*height:150vh;*/
	
	top:0%;
	z-index:50;
	background-color:black;
}
#slide6 {
	height:140vh;
	top:0%;
	z-index:50;
}
#slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide14, #slide16{
	height:120vh;
	top:0%;
	z-index:50;
}
#slide15, #slide17  {
	z-index:55;
	background-color:black;
}
.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);
}
.slide {
	position:relative;
	height:100vh;
	overflow:hidden;
	opacity: 1;
    filter: alpha(opacity=100);
}

#slide13txt1 {
	font-size:34px;
  font-style: normal;
  font-weight: 900;
}
.slideTxtDiv {
	position:absolute;
	height:85%;
	width:30%;
	top:10%;
	right:5%;
	/*background-color:rgba(0, 0, 0, 0.7);*/
	
	border-bottom:0px solid #757575;
}

#slideTxtDiv1 {
    height: 34%;
    font-style: italic;
    font-weight:bold;
}

#slide6Txt1, #slide8Txt1, #slide9Txt1, #slide10Txt1, #slide11Txt1, #slide12Txt1, #slide14Txt1, #slide16Txt1 {
	background-color:rgba(0, 0, 0, 0.7);
}
#slideTxtDiv6 {
	top:30%;
	opacity: 0;
    filter: alpha(opacity=0);
}
#slideTxtDiv7 {
	height: 50%;
}
#slideTxtDiv8 {
	height: 60%;
}
#slideTxtDiv9 {
	height: 55%;
}
#slideTxtDiv10 {
	height: 60%;
}
#slideTxtDiv11 {
   	height:60%;
}
#slideTxtDiv12 {
   	left:2%;
   	height: 73%;
    width: 30%;
    top: 24%;
    right: 5%;
}
#slideTxtDiv14 {
	height: 33%;
	top: 46%;
}
#slideTxtDiv16 {
	height: 60%;
	top:20%;
}
.slideTxt {
	position:absolute;
	top:0;
	left:0;
	padding:8%;
}
.slideTxt div {
	padding:2%;
}
.slide2Txt 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);

}
#imgb1 {
	background: url(b1_NhimPix-5_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}

#imgb3 {
	background: url(b3_GCM_0910_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb4 {
	background: url(b7_000_Del158365_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb5 {
	background: url(b8_000_Hkg830766_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb6 {
	background: url(b7_000_Del158365_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb7 {
	background: url(b3_GCM_0910_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb8 {
	background: url(b8_000_Hkg830766_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb9 {
	background: url(b9_RTX3ZOO_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb10 {
	background: url(b10_RTX401F_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb11 {
	background: url(b_NhimPix-2.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb12 {
	background: url(b11_Singaporedivers_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb13 {
	background: url(b15_RTX3ZOP_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb14 {
	background: url(b1_NhimPix-5_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb15 {
	background: url(b15_RTX3ZOP_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#imgb16 {
	background: url(b15_RTX3ZOP_mod.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}
#map1slide {
	height:80vh;
	position:relative;
}
#map3slide {
	height:100vh;
	position:relative;
}
#map1img, #map3img {
	position:absolute;
	
	width:60%;
	padding:5%;
	padding-top:8%;
}
#map1txt {
    top: 0%;
    left: 68%;
    position: absolute;
    width: 30%;
    padding-top:10%;
}
#map3txt {
top: 0%;
    left: 68%;
    position: absolute;
    width: 30%;
    padding-top: 18%;
}
#map1txt div{
	padding:2%;
}
#map3txt div{
	padding:2%;
}
#map2slide {
	height:130vh;
	position:relative;
}
#map2img {
	position:absolute;
	right:0%;
	width:60%;
	padding:5%;
	padding-top:17%;
}
#map2txt {
    top: 12%;
    left: 5%;
    position: absolute;
    width: 28%;
    padding-top:0%;
}
#map2txtTitle {
	font-size:34px;
  font-style: normal;
  font-weight: 900;
}
#map2txt div{
	padding:2%;
}
#river1slide {
	position:relative;
	height:100vh;
	overflow:hidden;
	opacity: 0;
    filter: alpha(opacity=0);
}
#river1img {
	width:120%;
	left:-10%;
	position:absolute;
	
}
#river1txt {

	position:absolute;
	bottom:0%;
	padding:8%;
	font-size:25px;
	opacity: 0;
    filter: alpha(opacity=0);
}
#slide3 {
	padding:0%;
	
	padding-left:20%;
	padding-right:20%;
	position:relative;

}
.clear {
	clear:both;
	padding:0 !important;
}
.slide3row {
	padding:2%;
}
#slide3img1 {
	/*float:left;*/
	width:100%;
}
#slide3txtDiv1 {
	float:right;
	width:50%;
}
#slide3img2 {
	/*float:right;*/
	width:100%;
}
#slide3txtDiv2 {
	float:left;
	width:50%;
}
.slide5row {
	padding:2%;
}
#slide5img1 {
	/*float:left;*/
	width:100%;
}
#slide5txtDiv1 {
	/*float:right;*/
	width:100%;
}
#slide5img2 {
	/*float:right;*/
	width:100%;
}
#slide5txtDiv2 {
	/*float:left;*/
	width:100%;
}
#slide5img3 {
	/*float:left;*/
	width:100%;
}
#slide5txtDiv3 {
	/*float:right;*/
	width:100%;
	padding:0 !important;
}
.slide13row {
	padding:2%;
}
#slide13img1 {
	/*float:left;*/
	width:100%;
}
#slide13txtDiv1 {
	/*float:right;*/
	width:100%;
}
#slide13img2 {
	/*float:left;*/
	width:100%;
}
#slide13txtDiv2 {
	/*float:left;*/
	width:100%;
}
.slide15row {
	padding:2%;
}
#slide15img1 {
	/*float:left;*/
	width:100%;
}
#slide15txtDiv1 {
	/*float:right;*/
	width:100%;
	padding:0 !important;
}
.slide17row {
	padding:2%;
}
#slide17img1 {
	/*float:left;*/
	width:100%;
}
#slide17txtDiv1 {
	/*float:right;*/
	width:100%;
	padding:0 !important;
}
#slide17img2 {
	/*float:right;*/
	width:100%;
}
#slide17txtDiv2 {
	/*float:left;*/
	width:100%;
	padding:0 !important;
}
#slide17img3 {
	/*float:left;*/
	width:100%;
}
#slide17txtDiv3 {
	/*float:right;*/
	width:100%;
}
.xslide {
	padding:2%;
	padding-left:20%;
	padding-right:20%;
	position:relative;
}
.xslide img {
	padding:2%;
}
.xslide div {
	padding:2%;
}
.slide11row {
	position:relative;

}
#slide11img1 {
	
}
#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;
}
video {
	/*padding:10%;*/
	/*width:80%;*/
	    /*width: auto; 
  height: auto;*/
	/*min-width: 100%; 
    min-height: 100%;*/

}
#vidDiv {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#vid1 {
		min-width: 100%; 
    min-height: 100%;
}
#vid1mobile {
	display:none;
}
#vid2 {
	padding:0%;
	padding-left:22.5%;
	padding-right:22.5%;
	width:55%;
}
#videoTxt {
	position:absolute;
	width:80%;
	
	top:30%;
	left:10%;
	text-align:center;
	opacity: 0;
    filter: alpha(opacity=0);
}
#next {
	position:relative;
	top:-2%;
}

#cloudsbgl {
    position: absolute;
    left: -30%;
    top: -4%;
    opacity: 0;
    transform: rotate(10deg);
    filter: alpha(opacity=0);
}
#cloudsbglimg {
	height:auto;
	width:51vw;
}
#cloudsbgr {
	position:absolute;
	left: 78%;
    top: -14%;
	opacity: 0;
	transform: rotate(20deg);
    filter: alpha(opacity=0);
}
#cloudsbgrimg {
	height:auto;
	width:60vw;
}

#cloudsbgl2 {
    position: absolute;
    left: -28%;
    top: -3%;
    opacity: 0;
    transform: rotate(8deg);
    filter: alpha(opacity=0);
}
#cloudsbglimg2 {
	height:auto;
	width:51vw;
}
#cloudsbgr2 {
    position: absolute;
    left: 82%;
    top: -12%;
    opacity: 0;
    transform: rotate(20deg);
    filter: alpha(opacity=0);
}
#cloudsbgrimg2 {

	height:auto;
	width:60vw;
}

#cloudsbgl3 {
    position: absolute;
    left: -28%;
    top: -3%;
    opacity: 0;
    transform: rotate(6deg);
    filter: alpha(opacity=0);
}
#cloudsbglimg3 {
	height:auto;
	width:52vw;
}
#cloudsbgr3 {
	position:absolute;
	left:80%;
	top:-8%;
	opacity: 0;
	transform: rotate(-48deg);
    filter: alpha(opacity=0);
}
#cloudsbgrimg3 {
	height:auto;
	width:62vw;
}

#cloudsbgl4 {
    position: absolute;
    left: -28%;
    top: -2%;
    opacity: 0;
    filter: alpha(opacity=0);
}
#cloudsbglimg4 {
	height:auto;
	width:51vw;
}
#cloudsbgr4 {
	position:absolute;
	left:79%;
	top:-6%;
	opacity: 0;
	transform: rotate(-48deg);
    filter: alpha(opacity=0);
}
#cloudsbgrimg4 {
	height:auto;
	width:60vw;
}

#cloudsbgl5 {
	position:absolute;
	left:-45%;
	top:40%;
	opacity: 0.7;
	transform: rotate(8deg);
    filter: alpha(opacity=70);
}
#cloudsbglimg5 {
	height:172vh;
	width:auto;
}
#cloudsbgr5 {
	position:absolute;
	left:76%;
	top:40%;
	opacity: 0.7;
	transform: rotate(-45deg);
    filter: alpha(opacity=70);
}
#cloudsbgrimg5 {
	height:250vh;
	width:auto;
}

#cloudsbgl6 {
	position:absolute;
	left: -21%;
    top: -7%;
	opacity: 0.7;
	transform: rotate(8deg);
    filter: alpha(opacity=70);
}
#cloudsbglimg6 {
	height:auto;
	width:40vw;
}
#cloudsbgr6 {
	position:absolute;
	left:81%;
	top:-12%;
	opacity: 0.7;
	transform: rotate(-5deg);
    filter: alpha(opacity=70);
}
#cloudsbgrimg6 {
	height:auto;
	width:40vw;
}

@media screen and (orientation:portrait) {
     /* Portrait styles */
     /*hide your main content and display message */
     
     @supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  	#vid1 {
			display:none;
		}
		#vid1mobile {
			display:block;
			height:100vh;
			width:auto;
			padding:0;
			margin: 0 auto; 
		}
	}
     
    body {
    	font-size:16px;
	}
	.slideTxt div {
		padding: 0%;
	}
	#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:3% !important;
	}
	#vid1 {
		height:100vh;
		width:auto;
		padding:0;
		margin: 0 auto; 
	}
	#vid2 {
		width:100vw;
		height:auto;
		padding:0;
		margin:0;
	}
	#vidSpace {
		display:none;
	}
	video {
		/*padding:0%;
		width:100%;
		padding-bottom:20%;*/
		
		/*height:100vh;
		width:auto;*/
	}
	#vidDiv {
		/*height:100vh;*/
	}
	#videoTxt {
		position: absolute;
		width: 80%;
		top: 30%;
		left: 10%;
		text-align: center;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.slide {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.xslide {
		padding: 0%;
	}
	.xslide img {
		padding:0%;
	}
	.txtDiv {
		padding:4% !important;
		display:block;
	}
	.slide2Txt div {
		padding: 4%;
	}
	.xslide div {
		padding:0%;
	}
	#map2txtTitle, #slide13txt1 {
		padding:4% ;
	}
	

	.xslide img {
		padding: 0%;
		padding-top:5%;
		padding-bottom:1%;
	}
	.xslide div {
	}
	#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%;
	}
	.quoteTxt {
		font-size:20px;
		width:100%;
		text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.9);
		
	}
	.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%;
	}
	#slideTxtDiv1 {
		height: 40%;
		width:56%;
		top:3%;
	}
	#imgb2 {
		/*width:100%;*/
		height:50%;
		background-position: 15% center;
	}
	.slide {
    	height:auto;
    }
	.slideTxt {
    	position: static;
    	padding: 4%;
    }
	#slide2 {
		/*height: auto;*/
		height:200vh;
	}
	.slideTxtDiv {
		position: static;
	}
	#slideTxtDiv2 {
		/*padding-top:10%;
		padding-bottom:10%;*/
		height: auto;
		/*height:100vh;*/
		width: 100%;
		top: 45%;
		right: 0%;
		position:absolute;
		/*background: url(b2_matkryyagrab1_mod.jpg);
		background-size: cover;
	background-repeat:no-repeat;
    	filter: blur(5px);
    	background-position: 7% center;*/
    	background-color:rgba(0, 0, 0, 0.5);
    	
	
	}
	#slide3 {
		height: auto;
		padding-left:0%;
		padding-right:0%;
		/*top:150%;*/
		/*position:absolute;*/
		/*height:150vh;*/
	}
	/*
	#slide4 {
		float:none;
	}*/
	#slide4, #slide7 {
		height:100vh;
	}
	#slide6 {
		/*height: auto;*/
		height:200vh;
	}
	#slide8 {
		/*height: auto;*/
		height:200vh;
	}
	#slide11 {
		/*height: auto;*/
		height:200vh;
	}
	#slide12 {
		/*height: auto;*/
		height:auto;
	}
	#slide13 {
		padding-top:10%;
		padding-bottom:10%;
	}
	#slide15 {
		padding-bottom:10%;
	}
	#slide9, #slide10 {
		height: auto;
	}
	#slide14 {
		/*height: auto;*/
		height:200vh;
	}
	#slide16 {
		/*height: auto;*/
		height:200vh;
	}
	#slide17 {
		/*height: auto;*/
		padding-bottom:10%;
	}
	#slide3img1 {
		width: 100%;
	}
	#slide3img2 {
		width: 100%;
	}
	#river1img {
		height: 120%;
		width:auto;
		left: -10%;
	}
	#river1txt {
    	font-size: 18px;
    }
	#slide5img1 {
		width: 100%;
		padding-top:0;
	}
	#slide5img2 {
		width: 100%;
	}
	#slide5img3 {
		width: 100%;
	}
	#slide5txtDiv1 {
		float: none;
		width: 92%;
		padding:4%;
	}
	#slide5txtDiv2 {
		float: none;
		width: 92%;
		padding:4%;
	}
	#slide5txtDiv3 {
		float: none;
		width: 100%;
		padding:0% !important;
	}
	#slideTxtDiv6 {
		opacity: 1;
		filter: alpha(opacity=100);
		height: auto;
		width: 100%;
		position:absolute;
		top:50%;
		left:0;
		/*top: 41%;
		right: -4%;*/
	}
	#slideTxtDiv7 {
		height: auto;
		width:100%;
		position:absolute;
		left:0;
		top:5%;
	}
	#imgb6 {
		/*width:100%;*/
		/*height:50%;*/
		height:50%;
		background-position: 0% center;
	}
	#imgb8 {
		/*width:100%;*/
		height:65%;
		background-position: 7% center;
	}
	#slideTxtDiv8 {
		height: auto;
		width: 100%;
		top: 32%;
		position:absolute;
		top:50%;
		left:0;
	}
	#imgb9 {
		/*width:100%;*/
		height:50%;
	}
	#slideTxtDiv9 {
		height: auto;
		width: 100%;
	}
	#imgb10 {
		/*width: 70%;*/
		height: 33%;
	}
	#slideTxtDiv10 {
		height: auto;
		width: 100%;
	}
	#slideTxtDiv11 {
		height:60%;
			width: 76%;
			position:absolute;
		top: 40%;
		right: 11%;
	}
	#imgb11 {
		/*width:100%;*/
		height:53%;
	}
	#imgb12 {
		/*width:100%;*/
		height:62%;
		/*height:65%;*/
		background-position: 100% center;
	}
	.paraTxt {
		padding-top:2% !important;
		padding-bottom:2% !important;
	}
	#slideTxtDiv12 {
		left: 0%;
		height: auto;
		width: 100%;
		top: 35%;
		right: 5%;
	}
	#slide13img1 {
		float: none;
		width: 100%;
	}
	#slide13img2 {
		float: none;
		width: 100%;
	}
	#slide13txtDiv1 {
		float: none;
		width: 100%;
	}
	#slide13txtDiv2 {
		float: none;
		width: 100%;
	}
	#imgb14 {
		/*height: 44%;*/
		height:100vh;
		/*height:65%;*/
		background-position: 40% center;
	}
	#slideTxtDiv14 {
		height: 33%;
		width: 100%;
		position:absolute;
		top: 46%;
		right: 0%;
	}
	#slide15img1 {
		float: none;
		width: 100%;
	}
	#slide15txtDiv1 {
		float: none;
		width: 100%;
	}
	#imgb16 {
		height: 50%;
	}
	#slideTxtDiv16 {
		height: 33%;
		width: 100%;
		position:absolute;
		top: 36%;
		right: 0%;
	}
	#slide17img1 {
		float: none;
		width: 100%;
	}
	#slide17txtDiv1 {
		float: none;
		width: 100%;
	}
	#slide17img2 {
		float: none;
		width: 100%;
	}
	#slide17txtDiv2 {
		float: none;
		width: 100%;
	}
	#slide17img3 {
		float: none;
	   width: 100%;
	}
	#slide17txtDiv3 {
		float: none;
		width: 100%;
	}
	
	#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, #cloudsbgl4, #cloudsbgr4, #cloudsbgl5, #cloudsbgr5, #cloudsbgl6, #cloudsbgr6 {
		display:none;
	}

 }