/*
Main css for the pagnation page

----PC: ;
----TABLET: ;
----MOBILE: ;

*/
html {
	overflow-x: hidden;
	width: 100vw;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x: hidden;
	overflow-y: scroll;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #90d6ff;
}
/*------------Basic Mod-----------------*/
/* width */
body::-webkit-scrollbar {
	display: none;
    width: 4px;
}
/* width */
::-webkit-scrollbar {
	display: unset;
    width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
	background: rgba(25,145,215,0.25);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #1991d7; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(25,145,215,0.85); 
}
/*-------------------fonts-----------------*/
@font-face {
    font-family: da-icon;
    src: url(../fonts/pagi-font.ttf);
}
@font-face {
    font-family: gilroy;
    src: url(../fonts/Gilroy-Regular.ttf);
}
@font-face {
    font-family: gilroy-b;
    src: url(../fonts/Gilroy-Bold.ttf);
}
@font-face {
    font-family: gilroy-l;
    src: url(../fonts/SVN-Gilroy-Light.ttf);
}
/****** Main ********/
body {
	color:white;
	font-size:62.5%;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 1px rgba(0,0,0,.01);
}
h1 {
	font-size:15em;
	font-weight: 100;

}
h2 {
	font-size:8em;
}
p {
	font-size: 4em;
	line-height:1.3;
}
h2 + p {
	font-size:3em;
}
.vertical-top-center-page-1 {
	text-align:center;
	width:100%;
	position: absolute;
	top: 0;
}
.vertical-bot-center-page-1 {
	text-align:center;
	width:100%;
	position: absolute;
	bottom: 0;
}
.vertical-mid-center {
	text-align:center;
	width:100%;
	position: absolute;
	top: 47%;
	transform: translateY(-53%);
}
.vertical-mid-center p {
	margin-top:23px;
}
.vertical-mid-center-title {
	text-align:center;
	width:100%;
	position: absolute;
	top: 47%;
	transform: translateY(-53%);
}
.vertical-mid-center-title p {
	margin-top:23px;
}
.inner {
	position: relative;
	height:100%;

	width:100%;
	margin:0 auto;
}

.panel {
	background:#0f144e;
}
.code {
	background:rgba(0,0,0,0.2);
}
.vertical-mid-center p.cta {
	margin-top:5px;
}
.vertical-mid-center a:link,
.vertical-mid-center a:visited {
	color:white;
	text-decoration:none;

	font-size:0.6em;
}
.vertical-mid-center a:hover {
	text-decoration: underline;
}
.arrow {
	position: relative;
	padding-right:15px;
}

.arrow:before,
.arrow:after {
	content:'';
	position: absolute;
	right:0;
	top:7px;

	width:2px;
	height:12px;
	background: white;
}
.arrow:before {
	transform: rotate(45deg);
	top:15px;
}
.arrow:after {
	transform: rotate(-45deg);

}
.screen-turn {
	display: none;
}
@media (max-width:800px) {
	h1 {
		font-size:15vw;
	}
	h2 {
		font-size:12vw;
	}
	.inner {
		width:100%;

	}
}
@media screen and (max-width: 1195px) {
	.pagination {
		display: none;
	}
	@media screen and (min-aspect-ratio: 1/1) {
		.screen-turn {
			display: block;
			position: fixed;
			width: 100%;
			height: 100%;
			z-index: 199;
			background: #0f144e;
		}
		.warning-sign {
			position: absolute;
			width: 100%;
			top: 60%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			font-family: gilroy;
			font-size: 2.7vh;
		}
		.screen-turn img{
			position: absolute;
			width: 17%;
			top: 40%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}
/*-----------------------Pagination style------------------*/

.pagination {
	position:fixed;
	right:0.75%;
	top: 50%;
 	transform: translateY(-50%);
	font-size:1.4em;
	z-index: 99;
	width: 28px;
}
.pagination a {
	display:block;
	height:20px;
	margin-bottom:3px;
	color: white;
	position:relative;
	padding:4px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.pagination a.active:after {
	color: #2b327d;
}
.pagination a.active > .hover-text {
	color: white !important;
}
.pagination a .hover-text {
	width: 23px;
	height: 23px;
	position:absolute;
	right: 3.7px;
	top: 8.5px;
	opacity:1;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	color: #2b327d;
	z-index: 11;
	text-align: center !important;
	font-size: 90%;
	font-weight: bolder;
	font-family: 'da-icon';
}
.pagination a:hover {
	color: #2b327d;
	
}
.pagination a:hover > .hover-text {
	color: white;
}
.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width: 23px;
	height: 23px;
	display: block;
	box-shadow:inset 0 0 0 13px;
	border-radius:50%;
	content:'';
	position: absolute;
	margin:auto;
	top:0;
	right:4px;
	bottom:0;
}
/*-----------------pagination style end-----------------*/
.name-out {
	font-style: normal;
	padding-left: 0.3vh;
}
.page-7-scroll i {
	font-style: italic;
}
@media screen and (max-aspect-ratio: 20/9) {

	/*-----------------------PAGE HOME----------------------*/
	.inner-32, .inner-68 {
		position: absolute;
		height: 100%;
	}
	.inner-32 {
		width: 32%;
		left: 0;
		z-index: 1;
	}
	.inner-68 {
		width: 68%;
		right: 0;
		font-family: gilroy;
	}
	.page-home-side-1 {
		background: linear-gradient(white, #e6e4e4);
	}
	.side-home-bold, .side-home-light {
		font-size: 2vw;
		color: #2b327d;
		line-height: 2.5vw;
	}
	.side-home-bold {
		font-family: gilroy-b;
	}
	.side-home-light {
		font-family: gilroy-l;
	}
	.gcd-page-home {
		width: 35%;
		padding-top: 5%;
	}
	.mdi-page-home {
		width: 60%;
		padding-bottom: 5%;
		filter: contrast(1.25);
		-webkit-filter: contrast(1.25);
	}
	.home-bg {
		background: url(../img/home-bg.png) left center no-repeat;
		background-size: cover;
	}
	.lotus-icon {
		width: 86%;
		padding-bottom: 1vw;
		filter: contrast(1.55);
		-webkit-filter: contrast(1.55);
	}
	.lotus-under-text-big {
		font-size: 3.3vw;
		text-shadow: 2px 2px 2px rgba(0,0,0,.75), 0 0 25px #108bea, 0 0 5px #108bea;
	}
	.lotus-under-text-small {
		font-size: 1.7vw;
		line-height: 2.7vw;
		color: #89baff;
		text-shadow: 2px 2px 2px rgba(0,0,0,.75);
	}
	.scroll-icon {
		width: 5%;
	}
	.scroll-icon:hover {
		filter: brightness(200%);
		-webkit-filter: brightness(200%);
		cursor: pointer;
	}
	.scroll-text {
		font-size: 1vw;
		color: #89baff;
	}
	/*-------------------------PAGE 1------------------------*/

	.page-1-bg {
		background: url(../img/page-1-bg.png) center left no-repeat;
		overflow: hidden;
	}
	.page-1-square {
		position: absolute;
		background-color: rgba(15,20,78,.88);
		right: 5%;
		top: 2%;
		height: 96vh;
		width: 96vh;
	}
	.press-release {
		position: absolute;
		width: 6%;
		height: 37%;
		background: #1991d7;
		top: -1%;
		left: 3%;
	}
	.page-1-num {
		position: absolute;
		font-size: 4vh;
		text-align: center;
		width: 82%;
		height: 13.5%;
		font-family: gilroy-b;
		background-color: #0f1245;
		bottom: 1.4%;
		left: 8%;
		line-height: 120%;
	}
	.text-vert {
		position: absolute;
		font-family: gilroy-b;
		font-size: 4vh;
		width: 440%;
		transform: rotate(-90deg);
		left: -173%;
		bottom: 52%;
		color: #2b327d;
	}
	.text-top {
		position: absolute;
		width: 85%;
		right: 3%;
		top: 3%;
	}
	.text-bot {
		position: absolute;
		width: 94%;
		height: 55%;
		bottom: 0;
		left: 0;
		padding: 3%;
		font-family: gilroy;
		line-height: 140%;
		font-size: 1.6vh;
		text-align: justify;
		overflow: hidden;
	}
	.text-bot img {
		float: left;
		height: 99%;
		margin: 0.5% 3.5% 30.5% 0;
		image-render: pixelated;
		cursor: zoom-in;
	}
	.title {
		font-family: gilroy-b;
		font-size: 3.5vh;
		line-height: 140%;

	}
	.sub-title {
		font-family: gilroy;
		line-height: 140%;
		font-size: 1.9vh;
		text-align: justify;
	}
	/*----------------------------Page 2--------------------------*/
	.cycle-slideshow img {
		visibility: hidden;
		width: 0;
		height: 0;
	}
	.cycle-slideshow {
		display: none;
	}
	.corner {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 69;
	}
	.corner img {
		width: 14vw;
		filter: contrast(1.25)
	}
	.tier-1 {
		width: 100%;
		height: 6%;
		background-color: #0a042b;
		position: relative;
		overflow: hidden;
	}
	.page-2-num, .page-2-title {
		position: absolute;
		font-family: gilroy-b;
		top: 50%;
		transform: translateY(-50%);
	}
	.page-2-num {
		margin-left: 16vw;
		font-size: 2vw;
		background-color: #0f1245;
		padding: 1vw;
	}
	.page-2-title {
		margin-left: 20vw;
		font-size: 1.2vw;
	}
	.tier-2 {
		width: 100%;
		height: 94%;
		position: relative;
		overflow: hidden;
	}
	.tier-2 img {
		max-height: 100%;
		max-width:  100%;
	}
	.tier-2-col-2 {
		width: 30%;
		height: 100%;
		position: absolute;
		right: 0;
		overflow: hidden;
		background: #0f144e;
	}
	.tier-2-stack-1 {
		height: 63%;
		width: 100%;
		position: absolute;
		overflow: hidden;
	}
	.stack-1-col-1 {
		height: 100%;
		width: 70%;
		position: absolute;
		overflow: hidden;
	}
	.stack-2-col-2 {
		position: absolute;
		right: 0;
		width: 30%;
		height: 100%;
		font-family: gilroy;
		font-size: 1.72vh;
		text-align: left;
		line-height: 120%;
	}
	.stack-2-col-2 div {
		position: absolute;
		padding-left: 10%;
		padding-right: calc(50px + 1%);
		top: 50%;
		padding-top: 10%;
		padding-bottom: 10%;
		transform: translateY(-50%);
		overflow-y: hidden;
	}
	.tier-2-stack-2 {
		position: absolute;
		height: 37%;
		width: 100%;
		bottom: 0;
		overflow: hidden;
	}
	.page-2-col-1 {
		position: absolute;
		width: 60%;
		height: 100%;
		background: url(../img/page-2-img-1.png) left top no-repeat;
		background-size: cover;
		border: 3px solid white;
		border-left: none;
		border-top: none;
	}
	.page-2-col-2 {
		position: absolute;
		width: 40%;
		right: 0;
		height: 100%;
		border: 3px solid white;
		border-right: none;
		border-top: none;
	}
	.pg-2-img-2 {
		position: absolute;
		width: 100%;
		height: 50%;
		background: url(../img/page-2-img-2.png) left top no-repeat;
		background-size: cover;
	}
	.pg-2-img-3 {
		position: absolute;
		width: 100%;
		height: 50%;
		bottom: 0;
		background: url(../img/page-2-img-3.png) left top no-repeat;
		background-size: cover;
		border-top: 3px solid white;
	}
	.page-2-col-3 {
		position: absolute;
		width: 33.3%;
		height: 100%;
		background: url(../img/page-2-img-4.png) left top no-repeat;
		background-size: cover;
		border: 3px solid white;
		border-left: none;
		border-bottom: none;
	}
	.page-2-col-4 {
		position: absolute;
		left: 33.3%;
		width: 33.3%;
		height: 100%;
		background: url(../img/page-2-img-5.png) left top no-repeat;
		background-size: cover;
		border: 3px solid white;
		border-bottom: none;
	}
	.page-2-col-5 {
		position: absolute;
		width: 33.3%;
		right: 0;
		height: 100%;
		background: url(../img/page-2-img-6.png) left top no-repeat;
		background-size: cover;
		border: 3px solid white;
		border-right: none;
		border-bottom: none;
	}
	/*-----------------------------Page 3---------------------------------*/
	.page-3-bg {
		background: url(../img/page-3-bg.png) top left no-repeat;
		background-size: cover;
	}
	.page-3-box {
		position: absolute;
		right: calc(50px + 1%);
		width: 55%;
		height: 100%;
		background: #0f144e;
	}
	.pager {
		position: absolute;
		left: -1.5vw;
		width: 3vw;
		height: 12%;
		background: #1991d7;
	}
	.pager-num {
		position: absolute;
		font-family: gilroy-b;
		font-size: 4.2vh;
		padding-bottom: 25%;
		color: #2b327d;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.in-page-text {
		position: absolute;
		padding: 3% 3% 3% 5%;
		top: 50%;
		transform: translateY(-50%);
		width: 92%;
	}
	.text-box {
		bottom: 0;
		left: 0;
		font-family: gilroy;
		line-height: 140%;
		font-size: 0.83vw;
		text-align: justify;
		overflow: hidden;
	}
	/*------------------------PAGE 4------------------*/
	.page-4-box {
		position: absolute;
		right: 0;
		width: 65%;
		height: 100%;
		background: #0f144e;
	}
	.in-page-text-right {
		position: absolute;
		padding: 3% 12% 3% 12%;
		width: 76%;
	}
	.page-4-img {
		position: absolute;
		left: 0;
		width: 35%;
		height: 100%;
		background: white url(../img/page-4-img.png) top center no-repeat;
		background-size: contain;
	}
	.page-4-content {
		position: absolute;
		width: 76%;
		height: 72%;
		top: 17%;
		left: 12%;
	}
	.page-4-video {
		position: absolute;
		width: 100%;
		height: 56%;
		top: 0%;
		left: 0%;
	}
	.page-4-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.page-4-snaps {
		position: absolute;
		width: 100%;
		height: 36%;
		top: 61%;
	}
	.page-4-img-2 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(../img/page-4-img-2.png) top center no-repeat;
		width: 48%;
		height: 100%;
	}
	.page-4-img-3 {
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(../img/page-4-img-3.png) top center no-repeat;
		width: 48%;
		height: 100%;
	}
	.link-page-4 {
		position: absolute;
		bottom: -9%;
		right: 0;
		border: 1px solid white;
		color: white;
		font-family: gilroy;
		text-decoration: none;
		font-size: 1vw;
		padding: 1% 2%;
		border-radius: 50px;
		cursor: pointer;
	}
	.link-page-4:hover {
		border: 1px solid rgba(0,0,0,0);
		background: #2b327d;
	}
	.page-4-speech-pop-up {
		position: absolute;
		width: 90%;
		height: 90%;
		z-index: 99;
		background: #0f144e;
		box-shadow: 5px 5px 300px 150px rgba(0,0,0,0.5);
		top: 5%;
		left: 5%;
	}
	.speech-inner-4 {
		position: absolute;
		height: 83%;
		width: 92%;
		top: 5%;
		left: 4%;
		padding-right: 1.5vw;
		overflow-y: scroll;
		text-align: justify;
		font-family: gilroy;
		line-height: 140%;
		font-size: 0.83vw;
	}
	.speech-inner-4 span {
		font-size: 3vh;
		font-family: gilroy-b;
	}
	.link-page-4-pop {
		position: absolute;
		bottom: 2.6vh;
		right: 4vh;
		border: 1px solid white;
		color: white;
		font-family: gilroy;
		text-decoration: none;
		font-size: 1vw;
		padding: .5% 1.5%;
		border-radius: 50px;
		cursor: pointer;
	}
	.link-page-4-pop:hover {
		border: 1px solid rgba(0,0,0,0);
		background: #2b327d;
	}
	/*-----------------------------------PAGE 5-------------------------------*/
	.page-5-bg {
		background: url(../img/page-5-bg.png) top left no-repeat;
		background-size: cover;
	}
	.page-5-box {
		position: absolute;
		right: 0;
		width: 55%;
		height: 100%;
		background: #0f144e;
	}
	.text-right {
		padding-right: 40px;
	}
	/*--------------------------------PAGE 6------------------------------*/
	.overlay-container {
		position: absolute;
		width: 35%;
		height: 100%;
		background: url(../img/page-6-bg.png) top left no-repeat;
		background-size: cover;
	}
	.overlay-container img{
		position: absolute;
		width: 90%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.page-6-content {
		position: absolute;
		width: 89%;
		height: 94%;
		top: 3%;
		left: 4%;
	}
	.page-6-snaps {
		position: absolute;
		width: 100%;
		height: 28%;
		bottom: 0;
	}
	.page-6-img-2 {
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(../img/page-6-img-2.png) top center no-repeat;
		width: 45%;
		height: 100%;
		background-size: cover;
	}
	.page-6-img-3 {
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(../img/page-6-img-3.png) right top no-repeat;
		background-size: cover;
		width: 53%;
		height: 100%;
	}
	.page-6-flag-text {
		position: absolute;
		width: 100%;
		height: 17%;
	}
	.page-6-flag {
		position: absolute;
		width: 35%;
		height: 100%;
		background: url(../img/page-6-flag-img.png) top left no-repeat;
		background-size: contain;
		left: -4.7%;
	}
	.page-6-text {
		position: absolute;
		width: 68%;
		height: 100%;
		left: 32%;
		text-align: justify;
	}
	.spill-proof {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	/*--------------------PAGE 7---------------------*/
	.page-7-bg {
		background: white;
	}
	.page-7-img {
		position: absolute;
		width: 35%;
		height: 100%;
		background: url(../img/page-7-img.png) top center no-repeat;
		background-size: contain;
	}
	.page-7-box {
		position: absolute;
		right: 0;
		width: 65%;
		height: 100%;
		background: #0f144e;
	}
	.page-7-center {
		position: absolute;
		width: 88%;
		height: 90%;
		top: 50.8%;
		left: 49%;
		transform: translate(-50%, -50%);
	}
	.page-7-scroll-container {
		position: absolute;
		width:  100%;
		height: 90%;
	} 
	.page-7-scroll {
		bottom: 0;
		left: 0;
		text-align: justify;
		line-height: 140%;
		font-family: gilroy;
		font-size: 0.83vw;
		padding: 0% 1.5% 0% 0%;
		width: 98.5%;
		height: 100%;
		overflow-y: scroll;
	}
	.link-page-7 {
		position: absolute;
		bottom: 0;
		right: 0;
		border: 1px solid white;
		color: white;
		font-family: gilroy;
		text-decoration: none;
		font-size: 1vw;
		padding: 1% 2%;
		border-radius: 50px;
	}
	.link-page-7:hover {
		border: 1px solid rgba(0,0,0,0);
		background: #2b327d;
	}
	/*---------------------------PAGE 8--------------------*/
	.page-8-bg {
		background: #0f144e url(../img/page-8-img.png) top left no-repeat;
		background-size: contain;
	}
	.page-8-box {
		position: absolute;
		right: 0;
		width: 55%;
		height: 100%;
		background: #0f144e;
	}
	/*---------------------------PAGE 9--------------------*/
	.page-9-bg {
		background: #0f144e url(../img/page-9-img.png) top left no-repeat;
		background-size: contain;
	}
	.page-9-box {
		position: absolute;
		right: 0;
		width: 40%;
		height: 100%;
		background: #0f144e;
	}
	.in-page-text-9 {
		position: absolute;
		padding: 3% 4% 3% 8%;
		top: 50%;
		transform: translateY(-50%);
		width: 88%;
	}
	/*----------------PAGE 10---------------------------*/
	.page-10-bg {
		background: #0f144e url(../img/page-10-img.png) top left no-repeat;
		background-size: contain;
	}
	/*----------------PAGE 11---------------------------*/
	.page-11-bg {
		background: #0f144e url(../img/page-11-img.png) top left no-repeat;
		background-size: contain;
	}
	.page-11-box {
		position: absolute;
		right: 0;
		width: 48%;
		height: 100%;
		background: #0f144e;
	}
	.page-11-box ul {
		 list-style-type: disc;
		 list-style-position: outside;
		 padding-left: 1.11vw;
	}
	/*----------------PAGE 12---------------------------*/
	.page-12-bg {
		background: #0f144e url(../img/page-12-img.png) top left no-repeat;
		background-size: contain;
	}
	/*----------------PAGE 13---------------------------*/
	.page-13-bg {
		background: #0f144e url(../img/page-13-img.png) top left no-repeat;
		background-size: contain;
	}
	.page-13-box {
		position: absolute;
		right: 0;
		width: 44%;
		height: 100%;
		background: #0f144e;
	}
	.page-13-box ol {
		 list-style-type: decimal;
		 list-style-position: outside;
		padding-left: 0.83vw;
	}
	.link-page-13 {
		position: absolute;
		bottom: 0;
		right: 10%;
		border: 1px solid white;
		color: white;
		font-family: gilroy;
		text-decoration: none;
		font-size: 1vw;
		padding: 1% 2%;
		border-radius: 50px;
	}
	.link-page-13:hover {
		border: 1px solid rgba(0,0,0,0);
		background: #2b327d;
	}
	/*----------------------------PAGE 14-----------------*/
	.page-14-bg {
		background: linear-gradient(to right, #e6e4e4, white);
	}
	.corner-bot {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 69;
	}
	.corner-bot img {
		width: auto;
		height: 10vh;
		position: absolute;
		bottom: 0;right: 0;
		filter: contrast(1.25);
	}
	.award-2015 {
		position: absolute;
		width: 50%;
		height: 100%;
		left: 0;
		top: 0;
	}
	.page-14-title {
		position: absolute;
		height: 15%;
		width: 95%;
		top: 0;
		left: 5%;
	}
	.pager-14 {
		height: 92%;
		left: 0;
	}
	.title-container-14 {
		position: absolute;
		width: calc(100% - 3vw);
		height: 100%;
		left: 4vw;
		font-family: gilroy-b;
		font-size: 2vw;
		line-height: 3vw;
		color: #2c3164;
	}
	.title-container-14 div {
		display: table;
		position: absolute;
		bottom:0;
	}
	.leader-2015 {
		position: absolute;
		width: 100%;
		height: 70%;
		bottom: 0%;
	}
	.box-page-14-2015 {
		width: 40%;
		height: 100%;
		margin: 0 5%;
		float: left;
		position: relative;
		z-index: 2;
	}
	.shinzo {
		background: #0f144e url(../img/shinzo-abe.png) top center no-repeat;
		background-size: contain;
	}
	.angela {
		background: #0f144e url(../img/angela-merkel.png) top center no-repeat;
		background-size: contain;
	}
	.in-text-14 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40%;
		background: #0f144e;
	}
	.in-text-14 div {
		position: absolute;
		left: 10%;
		width: 80%;
		top: 50%;
		transform: translateY(-50%);
		font-family: gilroy;
		text-align: justify;
		font-size: 1.7vh;
		letter-spacing: 120%;
		line-height: 120%;
	}
	.out-text-14 {
		position: absolute;
		font-family: gilroy;
		color: #0f144e;
		font-size: 1.2vw;
		font-weight: 600;
		top: -1.7vw;
		z-index: 1;
	}
	.out-text-14 span {
		background-color: #0f144e;
		line-height: 1.5vw;
		padding: .3vw;
		color: white;
	}
	.award-2016 {
		position: absolute;
		width: 50%;
		height: 100%;
		right: 0;
		top: 0;
	}
	.leader-2016 {
		position: absolute;
		width: 100%;
		height: 70%;
		bottom: 0%;
	}
	.box-page-14-2016 {
		width: 60%;
		height: 100%;
		margin: 0 5% 0 calc(4vw + 5%);
		float: left;
		position: relative;
		z-index: 2;
	}
	.ban-ki-moon {
		background: #0f144e url(../img/ban-ki-moon.png) top center no-repeat;
		background-size: contain;
	}
	/*-----------------PAGE 15---------------------*/
	.page-15-bg {
		background: linear-gradient(to right, #e6e4e4, white);
	}
	.page-15-title {
		position: absolute;
		height: 15%;
		width: 95%;
		top: 0;
		left: 2.5%;
	}
	.corner-bot-left {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 69;
	}
	.corner-bot-left img {
		position: absolute;
		bottom: 0;
		width: 15vw;
		filter: contrast(1.25)
	}
	.box-master-page-15 {
		position: absolute;
		width: 80%;
		height: 100%;
		right: 0;
	}
	.box-page-15 {
		width: 21%;
		height: 41%;
		margin: 4.5% 1.25% 0 1.25%;
		float: left;
		position: relative;
		z-index: 2;
	}
	.in-text-15 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30%;
		background: #0f144e;
	}
	.in-text-15 div {
		position: absolute;
		left: 10%;
		width: 80%;
		top: 50%;
		transform: translateY(-50%);
		font-family: gilroy;
		text-align: justify;
		font-size: 1.4vh;
		letter-spacing: 120%;
		line-height: 120%;
	}
	.michael {
		background: #0f144e url(../img/michael-dukakis.png) top center no-repeat;
		background-size: cover;
	}
	.thomas {
		background: #0f144e url(../img/thomas-patterson.png) top center no-repeat;
		background-size: cover;
	}
	.anh-tuan {
		background: #0f144e url(../img/nguyen-anh-tuan.png) top center no-repeat;
		background-size: cover;
	}
	.joe {
		background: #0f144e url(../img/joe-nye.png) top center no-repeat;
		background-size: cover;
	}
	.nazli {
		background: #0f144e url(../img/nazli-chourci.png) top center no-repeat;
		background-size: cover;
	}
	.john {
		background: #0f144e url(../img/john-savage.png) top center no-repeat;
		background-size: cover;
	}
	.david {
		background: #0f144e url(../img/david-silbersweig.png) top center no-repeat;
		background-size: cover;
	}
	.derek {
		background: #0f144e url(../img/derek-reveron.png) top center no-repeat;
		background-size: cover;
	}
	/*----------------------PAGE 16----------------------*/
	.page-16-bg {
		background: #0f144e;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.quote-page-16 {
		position: absolute;
		left: 50%;
		top: 7%;
		transform: translateX(-50%);
		width: 80%;
		height: 60%;
		text-align: center;
	}
	.quote-page-16 .quote-box {
		width: 20%;
		height: 100%;
		margin: 0 5%;
		position: relative;
		z-index: 2;
		display: inline-block;
	}
	.quote-box i {
		position: absolute;
		left: 0;
		top: 67%;
		width: 100%;
		font-family: gilroy;
		font-size: 0.85vw;
		font-style: italic;
		text-align: left;
		line-height: 120%;
	}
	.quote-16-img {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}
	.logo-page-16 {
		position: absolute;
		width: 20%;
		height: auto;
		bottom: 5%;
		left: 5%;
	}
	.logo-page-16-2 {
		position: absolute;
		width: 70%;
		height: auto;
		bottom: 0;
		right: 0;
	}
	.mobi-16 {
		width: 0;
		height: 0;
		opacity: 0;
	}
}
/*-----------------------------------MOBILE------------------------------*/

@media screen and (max-aspect-ratio: 85/100) {
	.pagination {
		display: none;
	}
	body {
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.page-7-center {
		width: 92.5% !important;
	}
	.link-page-7 {
		right: 2.5% !important;
	}
	/*-------------------------PAGE HOME------------------------*/
	.home {
		height: 100vh;
	}
	.inner-32 {
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.inner-68 {
		width: 100%;
		height: 50%;
		right: 0;
		font-family: gilroy;
	}
	.scroll-to-read {
		display: none;
	}
	.lotus-icon {
		width: 85%;
		padding-bottom: 2vw;
	}
	.lotus-under-text-big {
		font-size: 5.7vw;
	}
	.lotus-under-text-small {
		font-size: 4vw;
		line-height: 5vw;
	}
	.vertical-mid-center {
		top: 35%;
	}
	.vertical-mid-center-title {
		top: 52%;
	}
	.vertical-top-center-page-1 {
		bottom: 10%;
		left: 5%;
		top: unset;
		text-align: left;
	}
	.gcd-page-home {
		width: 30%;
	}
	.vertical-bot-center-page-1 {
		text-align: right;
		right: 5%;
	}
	.mdi-page-home {
		width: 50%;
	}
	.side-home-bold, .side-home-light {
		font-size: 6vw;
		line-height: 7vw;
	}
	/*-------------------------PAGE 1------------------------*/
	.title {
		font-size: 3.2vh;
	}
	.text-bot {
		width: 90%;
		padding: 5%;
	}
	.panel1 {
		height: 260vh;
	}
	.page-1-bg {
		background-position: top left;
		background-size: contain;
		background-color: #0f144e;
	}
	.page-1-square {
		background-color: #0f144e;
		top: 67vw;
		width: 100vw;
		left: 0;
	}
	.press-release {
		left: 0;
		width: 10vw;
		top: -2%;
		height: 30%;
	}
	.page-1-num {
		display: none;
	}
	.sub-title {
		font-size: 1.9vh;
	}
	.text-vert {
		bottom: 22vw;
	}
	.text-top {
		position: relative;
		top: 4vw;
		right: 5%;
		float: right;
		width: 82%;
	}
	.text-bot {
		position: relative;
		top: 50%;
		font-size: 2vh;
		height: 100%;
	}
	.text-bot img {
		margin: 8% 0% 8% 0%;
		height: 100%;
		width: 100%;
	}
	/*-------------------------PAGE 2----------------------*/
	.cycle-slideshow img {
		visibility: visible;
		width: 100%;
		height: auto;
	}
	.cycle-slideshow {
		width: 100vw;
		height: 40vh;
		overflow-y: hidden;
		margin: 0;
		display: block;
	}
	.cycle-next {
		position: absolute;
		width: 12.5%;
		height: 25%;
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		z-index: 101;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.cycle-prev {
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		position: absolute;
		width: 12.5%;
		height: 25%;
		z-index: 101;
		top: 50%;
		left: 0;
		transform: translateY(-50%) scale(-1);
	}
	.panel2 {
		height: 175vh;
	}
	.corner {
		display: none;
	}
	.tier-1 {
		display: none;
	}
	.tier-2 {
		height: 120vh;
	}
	.tier-2-stack-1 {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.stack-1-col-1 {
		width: 100%;
		height: 60vh;
	}
	.page-2-col-1 {
		position: relative;
		width: 100%;
		height: 60vh;
		background-size: cover;
		border: 0px solid white;
	}
	.page-2-col-2, .page-2-col-3, .page-2-col-4, .page-2-col-5 {
		display: none;
	}
	.stack-2-col-2 {
		position: relative;
		top: 60vh;
		width: 100%;
		height: auto;
	}
	.stack-2-col-2 div {
		transform: none;
		top: 3vw;
		padding: 5vw;
		font-size: 2vh;
		line-height: normal;
	}
	.tier-2-stack-2 {
		display: none;
	}
	/*---------------------PAGE 3--------------------------*/
	.panel3 {
		height: 236vh;
	}
	.page-3-bg {
		background: url(../img/page-3-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-3-box {
		background: none;
		width: 100%;
		left: 0;
		right: unset;
	}
	.pager-num {
		display: none;
	}
	.pager {
		height: 18vh;
	}
	.in-page-text {
		padding: 0;
		width: 100%;
		transform: none;
		top: 0;
	}
	.page-3-box .text-box {
		margin-top: 57vh;
		padding: 3% 5% 5% 5%;
		background: #0f144e;
		width: 90vw;
		font-size: 2vh;
	}
	.page-3-box .title {
		width: 90vw;
		padding: 4% 5% 5% 5%;
		
	}
	/*---------------------PAGE 4--------------------------*/
	.page-4-video {
		height: 74%;
	}
	.page-4-snaps div {
		background-size: cover;
	}
	.panel4 {
		height: 245vh;
	}
	.page-4-img {
		width: 100%;
		height: 110vh;
		position: relative;
		background: white url(../img/page-4-img-mobi.png) top center no-repeat;
		background-size: cover;
	}
	.page-4-box {
		width: 100%;
		position: relative;
	}
	.in-page-text-right {
    position: absolute;
    padding: 3% 3% 3% 6%;
    width: 89%;
	}
	.page-4-content {
		width: 90%;
		top: 10%;
		left: 5%;
		height: 50vh;
	}
	.page-4-snaps {
		height: 100vh;
		top: 80%;
	}
	.page-4-img-2 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	.page-4-img-3 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	.link-page-4 {
		font-size: 2.2vh;
		padding: 2% 3%;
		bottom: -108%;
	}
	.page-4-speech-pop-up {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left:0;
		z-index: 299;
	}
	.speech-inner-4 {
		font-size: 2vh;
		padding-right: 2.5%;
		width: 90%;
		left: 5%;
		height: 84%;
	}
	.speech-inner-4 span {
		line-height: 130%;
		text-align: left !important;
	}
	.link-page-4-pop {
		font-size: 2.2vh;
		padding: 2% 3% 1.8% 3%;
	}
	/*---------------------PAGE 5--------------------------*/
	.panel5 {
		height: 183vh;
	}
	.page-5-bg {
		background: url(../img/page-5-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-5-box {
		top: 50vh;
		width: 100%;
	}
	.pager-mobi {
		top: -5vh;
		height: 5vh;
	}
	.title-mobi {
		position: absolute;
		top: -5vh;
		left: 5vw;
		text-shadow: 2px 2px 3px 3px rgba(0,0,0,0.8);
	}
	.text-box {
		font-size: 2vh;
		padding: 0% 5% 5% 5%;
		width: 90%;
	}
	.text-right {
		padding-right: 0;
	}
	/*------------------------PAGE 6-----------------------*/
	.panel6 {
		height: 275vh;
	}
	.panel6 .pager {
		display: none;
	}
	.overlay-container {
		width: 90%;
		height: 60vh;
		left: 5vw;
		z-index: 99;
	}
	.overlay-container img {
		width: 60%;
	}
	.page-6-content {
		width: 100%;
		height: 207vh;
		top: 62vh;
		padding: 0;
		left: 0;
	}
	.page-6-flag-text {
		height: 70%;
	}
	.page-6-flag {
		height: 21vh;
		width: 100%;
		background-size: contain;
		left: 0;
	}
	.page-6-text {
		top: 24vh;
		width: 90%;
		left: 0;
	}
	.page-6-img-2 {
		position: absolute;
		top: 0;
		left: 5%;
		background: url(../img/page-6-img-2.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-img-3 {
		position: absolute;
		bottom: 0;
		left: 5%;
		background: url(../img/page-6-img-3.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-snaps {
		bottom: 2vh;
	}
	/*-------------------PAGE 7-------------------*/ 
	.panel7 {
		position: relative;
		height: 147vh;
	}
	.page-7-bg {
		position: absolute;
		background-color: #0f144e;
	}
	.page-7-img {
		background-color:  #0f144e;
		width: 100%;
		height: 83vh;
	}
	.page-7-box .pager {
		display: none;
	}
	.page-7-box {
		top: 78vh;
		width: 100%;
		height: 65vh;
		background: #0f144e;
	}
	.page-7-center {
		top: 6vw;
		left: 5vw;
		transform: none;
		width: 90%;
		height: 65vh;
	}
	.page-7-scroll-container {
		height: 65vh;
	}
	
	.page-7-scroll {
		padding-left: 0;
		width: 90vw;
		bottom: 0;
		left: 0;
		text-align: justify;
		line-height: 140%;
		font-family: gilroy;
		font-size: 2vh;
		padding: 0% 2.7% 0% 0%;
		height: 50vh;
		overflow-y: scroll;
	}
	.link-page-7 {
		bottom: unset;
		top: 55vh;
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 0%;
	}
	/*----------------PAGE 8--------------*/
	.panel8 {
		height: 143vh;
		background: #0f144e;
	}
	.page-8-bg {
		background-color: #0f144e;
	}
	.page-8-box {
		width: 100%;
		background: none;
		top: 55vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 9--------------*/
	.panel9 {
		height: 146vh;
		background: #0f144e;
	}
	.page-9-bg {
		background: #0f144e url(../img/page-9-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.page-9-box {
		width: 100%;
		background: none;
		top: 49vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 10--------------*/
	.panel10 {
		height: 161vh;
		background: #0f144e;
	}
	.page-10-bg {
		background: #0f144e url(../img/page-10-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.box-10 {
		top: 52vh;
	}
	/*----------------PAGE 11--------------*/
	.panel11 {
		height: 194vh;
		background: #0f144e;
	}
	.page-11-bg {
		background: #0f144e url(../img/page-11-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 54vh;
	}
	/*----------------PAGE 12--------------*/
	.panel12 {
		height: 167vh;
		background: #0f144e;
	}
	.page-12-bg {
		background: #0f144e url(../img/page-12-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 62vh;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	/*----------------PAGE 13--------------*/
	.panel13 {
		height: 178vh;
		background: #0f144e;
	}
	.page-13-bg {
		background: #0f144e url(../img/page-13-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-13-box {
		width: 100%;
		background: none;
		top: 47vh;
	}
	.page-13-box .text-box-mobi {
		padding-top: 5%;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	.link-page-13 {
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 5vw;
	}
	/*----------------PAGE 14--------------*/
	.shinzo, .angela {
		background-size: cover;
	}
	.panel14 {
		height: 286vh;
	}
	.award-2015 {
		position: relative;
		width: 100%;
		height: 187vh;
	}
	.award-2016 {
		position: relative;
		width: 100%;
		height: 98vh;
	}
	.pager-mobi-14 {
		top: 0;
		left: 0;
		height: 10vh;
		width: 2vw;
	}
	.pager-mobi-14-16 {
		top: 0;
		left: 0;
		height: 8vh;
		width: 2vw;
	}
	.page-14-title {
		left: 0;
		height: 10vh;
	}
	.page-14-title-2-mobi {
		left: 0;
		top:0;
	}
	.page-14-title-16 {
		left: 0;
		height: 10vh;
	}
	.title-container-14 {
		top: .5vh;
		font-size: 3.2vh;
		line-height: 4vh;
		height: 10vh;
	}
	.leader-2015 {
		top: 15vh;
		height: 64%;
	}
	.box-page-14-2015 {
		width: 90vw;
		height: 75vh;
		margin: 7% 5%;
	}
	.out-text-14 {
		font-size: 2.5vh;
		top: -2.8vh;
	}
	.out-text-14 span {
		padding: 0.2vh 1.2vw;
	}
	.in-text-14 {
		height: 30%;
	}
	.in-text-14 div {
		width: 90%;
		left: 5%;
		font-size: 2vh;
		line-height: 140%;
	}
	.angela .in-text-14 {
		height: 37%;
	}
	.leader-2016 {
		top: 17vh;
	}
	.box-page-14-2016 {
		width: 90%;
		margin: 0 5%;
		height: 75vh;
	}
	.ban-ki-moon {
		background: #0f144e url(../img/ban-ki-moon-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.ban-ki-moon .in-text-14 {
		height: 40%;
	}
	.corner-bot {
		display: none;
	}
	/*------------------PAGE 15-------------*/
	.panel15 {
		height: 584vh;
	}
	.box-master-page-15 {
		top: 10vh;
		width: 100vw;
		left: 0;
	}
	.box-page-15 {
		width: 70vw;
		height: 60vh;
		margin: 0;
		margin: 7% 15%;
	}
	.page-15-title {
		left: 0;
	}
	.in-text-15 div {
		left: 5%;
		width: 90%;
		font-size: 2vh;
		line-height: 140%;
	}
	.corner-bot-left {
		display: none;
	}
	/*----------------PAGE 16---------------*/
	.panel16 {
		height: 367vh;
	}
	.page-16-bg {
		height: 367vh;
	}
	.logo-page-16 {
		top: 5vh;
		left: 50%;
		transform: translateX(-50%);
		width: 60vw;
	}
	.logo-page-16-2 {
		bottom: 0;
		right: 0;
		width: 230%;
	}
	.pc-16 {
		width: 0;
		height: 0;
		visibility: hidden;
	}
	.mobi-16 {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.quote-page-16 {
		height: 270vh;
		width: 90vw;
		top: 35vh;
	}
	.quote-page-16 .quote-box {
		width: 100%;
		margin: 0;
		height: 100vh;
	}
	.quote-16-img {
		width: 90%;
		left: 5%;
	}
	.quote-box i {
		width: 90%;
		left: 5%;
		font-size: 2.1vh;
		line-height: 140%;
		letter-spacing: 140%;
		top: 73vh;
		text-align: justify;
	}
}

@media screen and (max-aspect-ratio: 70/100) {
	
	.pagination {
		display: none;
	}
	body {
		overflow-y: scroll;
		overflow-x: hidden;
	}
	/*-------------------------PAGE HOME------------------------*/
	.home {
		height: 90vh;
	}
	.inner-32 {
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.inner-68 {
		width: 100%;
		height: 50%;
		right: 0;
		font-family: gilroy;
	}
	.scroll-to-read {
		display: none;
	}
	.lotus-icon {
		width: 89%;
		padding-bottom: 2vw;
	}
	.lotus-under-text-big {
		font-size: 5.7vw;
	}
	.lotus-under-text-small {
		font-size: 4vw;
		line-height: 5vw;
	}
	.vertical-mid-center {
		top: 35%;
	}
	.vertical-mid-center-title {
		top: 52%;
	}
	.vertical-top-center-page-1 {
		bottom: 15%;
		left: 5%;
		top: unset;
		text-align: left;
	}
	.gcd-page-home {
		width: 30%;
	}
	.vertical-bot-center-page-1 {
		text-align: right;
		right: 5%;
		bottom: 10%;
	}
	.mdi-page-home {
		width: 50%;
	}
	.side-home-bold, .side-home-light {
		font-size: 6vw;
		line-height: 7vw;
	}
	/*-------------------------PAGE 1------------------------*/
	.title {
		font-size: 3.2vh;
	}
	.text-bot {
		width: 90%;
		padding: 5%;
	}
	.panel1 {
		height: 253vh;
	}
	.page-1-bg {
		background-position: top left;
		background-size: contain;
		background-color: #0f144e;
	}
	.page-1-square {
		background-color: #0f144e;
		top: 67vw;
		width: 100vw;
		left: 0;
	}
	.press-release {
		left: 0;
		width: 10vw;
		top: -2%;
		height: 30%;
	}
	.page-1-num {
		display: none;
	}
	.sub-title {
		font-size: 1.9vh;
	}
	.text-vert {
		bottom: 22vw;
	}
	.text-top {
		position: relative;
		top: 4vw;
		right: 5%;
		float: right;
		width: 82%;
	}
	.text-bot {
		position: relative;
		top: 50%;
		font-size: 2vh;
		height: 100%;
	}
	.text-bot img {
		margin: 8% 0% 8% 0%;
		height: 100%;
		width: 100%;
	}
	/*-------------------------PAGE 2----------------------*/
	.cycle-slideshow img {
		visibility: visible;
		width: 100%;
		height: auto;
	}
	.cycle-slideshow {
		width: 100vw;
		height: 35vh;
		overflow-y: hidden;
		margin: 0;
		display: block;
	}
	.cycle-next {
		position: absolute;
		width: 12.5%;
		height: 25%;
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		z-index: 101;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.cycle-prev {
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		position: absolute;
		width: 12.5%;
		height: 25%;
		z-index: 101;
		top: 50%;
		left: 0;
		transform: translateY(-50%) scale(-1);
	}
	.panel2 {
		height: 175vh;
	}
	.corner {
		display: none;
	}
	.tier-1 {
		display: none;
	}
	.tier-2 {
		height: 130vh;
	}
	.tier-2-stack-1 {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.stack-1-col-1 {
		width: 100%;
		height: 60vh;
	}
	.page-2-col-1 {
		position: relative;
		width: 100%;
		height: 60vh;
		background-size: cover;
		border: 0px solid white;
	}
	.page-2-col-2, .page-2-col-3, .page-2-col-4, .page-2-col-5 {
		display: none;
	}
	.stack-2-col-2 {
		position: relative;
		top: 60vh;
		width: 100%;
		height: auto;
	}
	.stack-2-col-2 div {
		transform: none;
		top: 3vw;
		padding: 5vw;
		font-size: 2vh;
		line-height: normal;
	}
	.tier-2-stack-2 {
		display: none;
	}
	/*---------------------PAGE 3--------------------------*/
	.panel3 {
		height: 275vh;
	}
	.page-3-bg {
		background: url(../img/page-3-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-3-box {
		background: none;
		width: 100%;
		left: 0;
		right: unset;
	}
	.pager-num {
		display: none;
	}
	.pager {
		height: 14.4vh;
	}
	.in-page-text {
		padding: 0;
		width: 100%;
		transform: none;
		top: 0;
	}
	.page-3-box .text-box {
		margin-top: 57vh;
		padding: 3% 5% 5% 5%;
		background: #0f144e;
		width: 90vw;
		font-size: 2vh;
	}
	.page-3-box .title {
		width: 90vw;
		padding: 4% 5% 5% 5%;
		
	}
	/*---------------------PAGE 4--------------------------*/
	.page-4-video {
		height: 74%;
	}
	.page-4-snaps div {
		background-size: cover;
	}
	.panel4 {
		height: 224vh;
	}
	.link-page-4 {
		bottom: -113%;
	}
	.page-4-img {
		width: 100%;
		height: 90vh;
		position: relative;
		background: white url(../img/page-4-img-mobi.png) center center no-repeat;
		background-size: contain;
	}
	.page-4-box {
		width: 100%;
		position: relative;
	}
	.in-page-text-right {
    position: absolute;
    padding: 3% 3% 3% 6%;
    width: 89%;
	}
	.page-4-content {
		width: 90%;
		top: 10%;
		left: 5%;
		height: 50vh;
	}
	.page-4-snaps {
		height: 100vh;
		top: 80%;
	}
	.page-4-img-2 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	.page-4-img-3 {
		position: relative;
		width: 100%;
		height: 27vh;
		top: 3vh;
	}
	/*---------------------PAGE 5--------------------------*/
	.panel5 {
		height: 212vh;
	}
	.page-5-bg {
		background: url(../img/page-5-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-5-box {
		top: 50vh;
		width: 100%;
	}
	.pager-mobi {
		top: -5vh;
		height: 5vh;
	}
	.title-mobi {
		position: absolute;
		top: -5vh;
		left: 5vw;
		text-shadow: 2px 2px 3px 3px rgba(0,0,0,0.8);
	}
	.text-box {
		font-size: 2vh;
		padding: 3% 5% 5% 5%;
		width: 90%;
	}
	.text-right {
		padding-right: 0;
	}
	/*------------------------PAGE 6-----------------------*/
	.panel6 {
		height: 312vh;
	}
	.panel6 .pager {
		display: none;
	}
	.overlay-container {
		width: 90%;
		height: 60vh;
		left: 5vw;
		z-index: 99;
	}
	.overlay-container img {
		width: 76%;
	}
	.page-6-content {
		width: 100%;
		height: 244vh;
		top: 60vh;
		padding: 0;
		left: 0;
	}
	.page-6-flag-text {
		height: 70%;
	}
	.page-6-flag {
		height: 21vh;
		width: 100%;
		background-size: contain;
		left: 0;
	}
	.page-6-text {
		top: 24vh;
		width: 90%;
		left: 0;
	}
	.page-6-img-2 {
		position: absolute;
		top: 0;
		left: 5%;
		background: url(../img/page-6-img-2.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-img-3 {
		position: absolute;
		bottom: 0;
		left: 5%;
		background: url(../img/page-6-img-3.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-snaps {
		bottom: 2vh;
	}
	/*-------------------PAGE 7-------------------*/ 
	.panel7 {
		position: relative;
		height: 149vh;
	}
	.page-7-bg {
		position: absolute;
		background-color: #0f144e;
	}
	.page-7-img {
		background-color:  #0f144e;
		width: 100%;
		height: 83vh;
	}
	.page-7-box .pager {
		display: none;
	}
	.page-7-box {
		top: 78vh;
		width: 100%;
		height: 65vh;
		background: #0f144e;
	}
	.page-7-center {
		top: 5vh;
		left: 5vw;
		transform: none;
		width: 90%;
		height: 65vh;
	}
	.page-7-scroll-container {
		height: 65vh;
	}
	
	.page-7-scroll {
		padding-left: 0;
		width: 90vw;
		bottom: 0;
		left: 0;
		text-align: justify;
		line-height: 140%;
		font-family: gilroy;
		font-size: 2vh;
		padding: 0% 2.7% 0% 0%;
		height: 50vh;
		overflow-y: scroll;
	}
	.link-page-7 {
		bottom: unset;
		top: 55vh;
		font-size: 2.2vh;
		padding: 3% 3% 2.3% 3%;
		right: 0%;
	}
	/*----------------PAGE 8--------------*/
	.panel8 {
		height: 160vh;
		background: #0f144e;
	}
	.page-8-bg {
		background-color: #0f144e;
	}
	.page-8-box {
		width: 100%;
		background: none;
		top: 55vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 9--------------*/
	.panel9 {
		height: 160vh;
		background: #0f144e;
	}
	.page-9-bg {
		background: #0f144e url(../img/page-9-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.page-9-box {
		width: 100%;
		background: none;
		top: 49vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 10--------------*/
	.panel10 {
		height: 184vh;
		background: #0f144e;
	}
	.page-10-bg {
		background: #0f144e url(../img/page-10-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.box-10 {
		top: 49vh;
	}
	/*----------------PAGE 11--------------*/
	.panel11 {
		height: 204vh;
		background: #0f144e;
	}
	.page-11-bg {
		background: #0f144e url(../img/page-11-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 47vh;
	}
	/*----------------PAGE 12--------------*/
	.panel12 {
		height: 176vh;
		background: #0f144e;
	}
	.page-12-bg {
		background: #0f144e url(../img/page-12-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	/*----------------PAGE 13--------------*/
	.panel13 {
		height: 197vh;
		background: #0f144e;
	}
	.page-13-bg {
		background: #0f144e url(../img/page-13-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-13-box {
		width: 100%;
		background: none;
		top: 47vh;
	}
	.page-13-box .text-box-mobi {
		padding-top: 5%;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	.link-page-13 {
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 5vw;
	}
	/*----------------PAGE 14--------------*/
	.shinzo, .angela {
		background-size: cover;
	}
	.panel14 {
		height: 286vh;
	}
	.award-2015 {
		position: relative;
		width: 100%;
		height: 187vh;
	}
	.award-2016 {
		position: relative;
		width: 100%;
		height: 98vh;
	}
	.pager-mobi-14 {
		top: 0;
		left: 0;
		height: 10vh;
		width: 2vw;
	}
	.pager-mobi-14-16 {
		top: 0;
		left: 0;
		height: 8vh;
		width: 2vw;
	}
	.page-14-title {
		left: 0;
		height: 10vh;
	}
	.page-14-title-2-mobi {
		left: 0;
		top:0;
	}
	.page-14-title-16 {
		left: 0;
		height: 10vh;
	}
	.title-container-14 {
		top: .5vh;
		font-size: 3.2vh;
		line-height: 4vh;
		height: 10vh;
	}
	.leader-2015 {
		top: 15vh;
		height: 64%;
	}
	.box-page-14-2015 {
		width: 90vw;
		height: 75vh;
		margin: 7% 5%;
	}
	.out-text-14 {
		font-size: 2.5vh;
		top: -2.8vh;
	}
	.out-text-14 span {
		padding: 0.2vh 1.2vw;
	}
	.in-text-14 {
		height: 30%;
	}
	.in-text-14 div {
		width: 90%;
		left: 5%;
		font-size: 2vh;
		line-height: 140%;
	}
	.angela .in-text-14 {
		height: 37%;
	}
	.leader-2016 {
		top: 17vh;
	}
	.box-page-14-2016 {
		width: 90%;
		margin: 0 5%;
		height: 75vh;
	}
	.ban-ki-moon {
		background: #0f144e url(../img/ban-ki-moon-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.ban-ki-moon .in-text-14 {
		height: 40%;
	}
	.corner-bot {
		display: none;
	}
	/*------------------PAGE 15-------------*/
	.panel15 .pager-mobi-14-16 {
		top: 0;
		left: 0;
		height: 5vh;
		width: 2vw;
	}
	.panel15 {
		height: 647vh;
	}
	.box-master-page-15 {
		top: 10vh;
		width: 100vw;
		left: 0;
	}
	.box-page-15 {
		width: 90vw;
		height: 70vh;
		margin: 0;
		margin: 7% 5%
	}
	.page-15-title {
		left: 0;
	}
	.in-text-15 div {
		left: 5%;
		width: 90%;
		font-size: 2vh;
		line-height: 140%;
	}
	.corner-bot-left {
		display: none;
	}
	/*----------------PAGE 16---------------*/
	.panel16 {
		height: 360vh;
	}
	.page-16-bg {
		height: 360vh;
	}
	.logo-page-16 {
		top: 7vh;
		left: 50%;
		transform: translateX(-50%);
		width: 72vw;
	}
	.logo-page-16-2 {
		bottom: 0;
		right: 0;
		width: 230%;
	}
	.pc-16 {
		width: 0;
		height: 0;
		visibility: hidden;
	}
	.mobi-16 {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.quote-page-16 {
		height: 270vh;
		width: 90vw;
		top: 38vh;
	}
	.quote-page-16 .quote-box {
		width: 100%;
		margin: 0;
		height: 100vh;
	}
	.quote-16-img {
		width: 90%;
		left: 5%;
	}
	.quote-box i {
		width: 90%;
		left: 5%;
		font-size: 2.1vh;
		line-height: 140%;
		letter-spacing: 140%;
		top: 60vh;
		text-align: justify;
	}
}

@media screen and (max-aspect-ratio: 60/100) {
	
	.pagination {
		display: none;
	}
	body {
		overflow-y: scroll;
		overflow-x: hidden;
	}
	/*-------------------------PAGE HOME------------------------*/
	.home {
		height: 100vh;
	}
	.inner-32 {
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.inner-68 {
		width: 100%;
		height: 50%;
		right: 0;
		font-family: gilroy;
	}
	.scroll-to-read {
		display: none;
	}
	.lotus-icon {
		width: 85%;
		padding-bottom: 2vw;
	}
	.lotus-under-text-big {
		font-size: 5.7vw;
	}
	.lotus-under-text-small {
		font-size: 4vw;
		line-height: 5vw;
	}
	.vertical-mid-center {
		top: 35%;
	}
	.vertical-mid-center-title {
		top: 52%;
	}
	.vertical-top-center-page-1 {
		bottom: 10%;
		left: 5%;
		top: unset;
		text-align: left;
	}
	.gcd-page-home {
		width: 30%;
	}
	.vertical-bot-center-page-1 {
		text-align: right;
		right: 5%;
	}
	.mdi-page-home {
		width: 50%;
	}
	.side-home-bold, .side-home-light {
		font-size: 6vw;
		line-height: 7vw;
	}
	/*-------------------------PAGE 1------------------------*/
	.title {
		font-size: 3.2vh;
	}
	.text-bot {
		width: 90%;
		padding: 5%;
	}
	.panel1 {
		height: 246vh;
	}
	.page-1-bg {
		background-position: top left;
		background-size: contain;
		background-color: #0f144e;
	}
	.page-1-square {
		background-color: #0f144e;
		top: 67vw;
		width: 100vw;
		left: 0;
	}
	.press-release {
		left: 0;
		width: 10vw;
		top: -2%;
		height: 30%;
	}
	.page-1-num {
		display: none;
	}
	.sub-title {
		font-size: 1.9vh;
	}
	.text-vert {
		bottom: 22vw;
		font-size: 3.5vh;
	}
	.text-top {
		position: relative;
		top: 4vw;
		right: 5%;
		float: right;
		width: 82%;
	}
	.text-bot {
		position: relative;
		top: 50%;
		font-size: 2vh;
		height: 100%;
	}
	.text-bot img {
		margin: 8% 0% 8% 0%;
		height: 100%;
		width: 100%;
	}
	/*-------------------------PAGE 2----------------------*/
	.cycle-slideshow img {
		visibility: visible;
		width: 100%;
		height: auto;
	}
	.cycle-slideshow {
		width: 100vw;
		height: 30vh;
		overflow-y: hidden;
		margin: 5% 0 0 0;
		display: block;
	}
	.cycle-next {
		position: absolute;
		width: 12.5%;
		height: 25%;
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		z-index: 101;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.cycle-prev {
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		position: absolute;
		width: 12.5%;
		height: 25%;
		z-index: 101;
		top: 50%;
		left: 0;
		transform: translateY(-50%) scale(-1);
	}
	.panel2 {
		height: 163vh;
	}
	.corner {
		display: none;
	}
	.tier-1 {
		display: none;
	}
	.tier-2 {
		height: 122vh;
	}
	.tier-2-stack-1 {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.stack-1-col-1 {
		width: 100%;
		height: 60vh;
	}
	.page-2-col-1 {
		position: relative;
		width: 100%;
		height: 60vh;
		background-size: cover;
		border: 0px solid white;
	}
	.page-2-col-2, .page-2-col-3, .page-2-col-4, .page-2-col-5 {
		display: none;
	}
	.stack-2-col-2 {
		position: relative;
		top: 60vh;
		width: 100%;
		height: auto;
	}
	.stack-2-col-2 div {
		transform: none;
		top: 3vw;
		padding: 5vw;
		font-size: 2vh;
		line-height: normal;
	}
	.tier-2-stack-2 {
		display: none;
	}
	/*---------------------PAGE 3--------------------------*/
	.panel3 {
		height: 279vh;
	}
	.page-3-bg {
		background: url(../img/page-3-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-3-box {
		background: none;
		width: 100%;
		left: 0;
		right: unset;
	}
	.pager-num {
		display: none;
	}
	.pager {
		height: 18vh;
	}
	.in-page-text {
		padding: 0;
		width: 100%;
		transform: none;
		top: 0;
	}
	.page-3-box .text-box {
		margin-top: 57vh;
		padding: 3% 5% 5% 5%;
		background: #0f144e;
		width: 90vw;
		font-size: 2vh;
	}
	.page-3-box .title {
		width: 90vw;
		padding: 4% 5% 5% 5%;
		
	}
	/*---------------------PAGE 4--------------------------*/
	.panel4 {
		height: 207vh;
	}
	.page-4-img {
		width: 100%;
		height: 83vh;
		position: relative;
		background: white url(../img/page-4-img.png) bottom center no-repeat;
		background-size: cover;
	}
	.page-4-box {
		width: 100%;
		position: relative;
	}
	.in-page-text-right {
    position: absolute;
    padding: 3% 3% 3% 6%;
    width: 89%;
	}
	.page-4-content {
		width: 90%;
		top: 14%;
		left: 5%;
		height: 50vh;
	}
	.page-4-snaps {
		height: 100vh;
		top: 66%;
	}
	.page-4-img-2 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	.page-4-img-3 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	/*---------------------PAGE 5--------------------------*/
	.panel5 {
		height: 221vh;
	}
	.page-5-bg {
		background: url(../img/page-5-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-5-box {
		top: 50vh;
		width: 100%;
	}
	.pager-mobi {
		top: -5vh;
		height: 5vh;
	}
	.title-mobi {
		position: absolute;
		top: -5vh;
		left: 5vw;
		text-shadow: 2px 2px 3px 3px rgba(0,0,0,0.8);
	}
	.text-box {
		font-size: 2vh;
		padding: 0% 5% 5% 5%;
		width: 90%;
	}
	.text-right {
		padding-right: 0;
	}
	/*------------------------PAGE 6-----------------------*/
	.panel6 {
		height: 307vh;
	}
	.panel6 .pager {
		display: none;
	}
	.overlay-container {
		width: 90%;
		height: 50vh;
		left: 5vw;
		z-index: 99;
	}
	.overlay-container img {
		width: 60%;
	}
	.page-6-content {
		width: 100%;
		height: 250vh;
		top: 51vh;
		padding: 0;
		left: 0;
	}
	.page-6-flag-text {
		height: 70%;
	}
	.page-6-flag {
		height: 21vh;
		width: 100%;
		background-size: contain;
		left: 0;
	}
	.page-6-text {
		top: 24vh;
		width: 90%;
		left: 0;
	}
	.page-6-img-2 {
		position: absolute;
		top: 0;
		left: 5%;
		background: url(../img/page-6-img-2.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-img-3 {
		position: absolute;
		bottom: 0;
		left: 5%;
		background: url(../img/page-6-img-3.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-snaps {
		bottom: 2vh;
	}
	/*-------------------PAGE 7-------------------*/ 
	.panel7 {
		position: relative;
		height: 145vh;
	}
	.page-7-bg {
		position: absolute;
		background-color: #0f144e;
	}
	.page-7-img {
		background-color:  #0f144e;
		width: 100%;
		height: 83vh;
	}
	.page-7-box .pager {
		display: none;
	}
	.page-7-box {
		top: 78vh;
		width: 100%;
		height: 65vh;
		background: #0f144e;
	}
	.page-7-center {
		top: 5vw;
		left: 5vw;
		transform: none;
		width: 90%;
		height: 65vh;
	}
	.page-7-scroll-container {
		height: 65vh;
	}
	
	.page-7-scroll {
		padding-left: 0;
		width: 90vw;
		bottom: 0;
		left: 0;
		text-align: justify;
		line-height: 140%;
		font-family: gilroy;
		font-size: 2vh;
		padding: 0% 2.7% 0% 0%;
		height: 50vh;
		overflow-y: scroll;
	}
	.link-page-7 {
		bottom: unset;
		top: 55vh;
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 0%;
	}
	/*----------------PAGE 8--------------*/
	.panel8 {
		height: 159vh;
		background: #0f144e;
	}
	.page-8-bg {
		background-color: #0f144e;
	}
	.page-8-box {
		width: 100%;
		background: none;
		top: 55vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 9--------------*/
	.panel9 {
		height: 165vh;
		background: #0f144e;
	}
	.page-9-bg {
		background: #0f144e url(../img/page-9-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.page-9-box {
		width: 100%;
		background: none;
		top: 49vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 10--------------*/
	.panel10 {
		height: 178vh;
		background: #0f144e;
	}
	.page-10-bg {
		background: #0f144e url(../img/page-10-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.box-10 {
		top: 45vh;
	}
	/*----------------PAGE 11--------------*/
	.panel11 {
		height: 203vh;
		background: #0f144e;
	}
	.page-11-bg {
		background: #0f144e url(../img/page-11-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 54vh;
	}
	/*----------------PAGE 12--------------*/
	.panel12 {
		height: 173vh;
		background: #0f144e;
	}
	.page-12-bg {
		background: #0f144e url(../img/page-12-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 47vh;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	/*----------------PAGE 13--------------*/
	.panel13 {
		height: 197vh;
		background: #0f144e;
	}
	.page-13-bg {
		background: #0f144e url(../img/page-13-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-13-box {
		width: 100%;
		background: none;
		top: 47vh;
	}
	.page-13-box .text-box-mobi {
		padding-top: 5%;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	.link-page-13 {
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 5vw;
	}
	/*----------------PAGE 14--------------*/
	.panel14 {
		height: 281vh;
	}
	.award-2015 {
		position: relative;
		width: 100%;
		height: 183vh;
	}
	.award-2016 {
		position: relative;
		width: 100%;
		height: 98vh;
	}
	.pager-mobi-14 {
		top: 0;
		left: 0;
		height: 10vh;
		width: 2vw;
	}
	.pager-mobi-14-16 {
		top: 0;
		left: 0;
		height: 8vh;
		width: 2vw;
	}
	.page-14-title {
		left: 0;
		height: 10vh;
	}
	.page-14-title-2-mobi {
		left: 0;
		top:0;
	}
	.page-14-title-16 {
		left: 0;
		height: 10vh;
	}
	.title-container-14 {
		top: .5vh;
		font-size: 3.2vh;
		line-height: 4vh;
		height: 10vh;
	}
	.leader-2015 {
		top: 15vh;
		height: 64%;
	}
	.box-page-14-2015 {
		width: 90vw;
		height: 75vh;
		margin: 7% 5%;
	}
	.out-text-14 {
		font-size: 2.5vh;
		top: -2.8vh;
	}
	.out-text-14 span {
		padding: 0.2vh 1.2vw;
	}
	.in-text-14 {
		height: 30%;
	}
	.in-text-14 div {
		width: 90%;
		left: 5%;
		font-size: 2vh;
		line-height: 140%;
	}
	.angela .in-text-14 {
		height: 37%;
	}
	.leader-2016 {
		top: 17vh;
	}
	.box-page-14-2016 {
		width: 90%;
		margin: 0 5%;
		height: 75vh;
	}
	.ban-ki-moon {
		background: #0f144e url(../img/ban-ki-moon-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.ban-ki-moon .in-text-14 {
		height: 40%;
	}
	.corner-bot {
		display: none;
	}
	/*------------------PAGE 15-------------*/
	.panel15 .pager-mobi-14-16 {
		top: 0;
		left: 0;
		height: 5vh;
		width: 2vw;
	}
	.panel15 {
		height: 573vh;
	}
	.box-master-page-15 {
		top: 10vh;
		width: 100vw;
		left: 0;
	}
	.box-page-15 {
		width: 90vw;
		height: 60vh;
		margin: 0;
		margin: 7% 5%;
	}
	.page-15-title {
		left: 0;
	}
	.in-text-15 div {
		left: 5%;
		width: 90%;
		font-size: 2vh;
		line-height: 140%;
	}
	.corner-bot-left {
		display: none;
	}
	/*----------------PAGE 16---------------*/
	.panel16 {
		height: 330vh;
	}
	.page-16-bg {
		height: 330vh;
	}
	.logo-page-16 {
		top: 5vh;
		left: 50%;
		transform: translateX(-50%);
		width: 80vw;
	}
	.logo-page-16-2 {
		bottom: 0;
		right: 0;
		width: 230%;
	}
	.pc-16 {
		width: 0;
		height: 0;
		visibility: hidden;
	}
	.mobi-16 {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.quote-page-16 {
		height: 270vh;
		width: 90vw;
		top: 35vh;
	}
	.quote-page-16 .quote-box {
		width: 100%;
		margin: 0;
		height: 90vh;
	}
	.quote-16-img {
		width: 90%;
		left: 5%;
	}
	.quote-box i {
		width: 90%;
		left: 5%;
		font-size: 2.1vh;
		line-height: 140%;
		letter-spacing: 140%;
		top: 57vh;
		text-align: justify;
	}
}

@media screen and (max-aspect-ratio: 50/100) {
	
	.pagination {
		display: none;
	}
	body {
		overflow-y: scroll;
		overflow-x: hidden;
	}
	/*-------------------------PAGE HOME------------------------*/
	.home {
		height: 100vh;
	}
	.inner-32 {
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.inner-68 {
		width: 100%;
		height: 50%;
		right: 0;
		font-family: gilroy;
	}
	.scroll-to-read {
		display: none;
	}
	.lotus-icon {
		width: 85%;
		padding-bottom: 2vw;
	}
	.lotus-under-text-big {
		font-size: 5.7vw;
	}
	.lotus-under-text-small {
		font-size: 4vw;
		line-height: 5vw;
	}
	.vertical-mid-center {
		top: 35%;
	}
	.vertical-mid-center-title {
		top: 52%;
	}
	.vertical-top-center-page-1 {
		bottom: 10%;
		left: 5%;
		top: unset;
		text-align: left;
	}
	.gcd-page-home {
		width: 30%;
	}
	.vertical-bot-center-page-1 {
		text-align: right;
		right: 5%;
	}
	.mdi-page-home {
		width: 50%;
	}
	.side-home-bold, .side-home-light {
		font-size: 6vw;
		line-height: 7vw;
	}
	/*-------------------------PAGE 1------------------------*/
	.title {
		font-size: 3.2vh;
	}
	.text-bot {
		width: 90%;
		padding: 5%;
	}
	.panel1 {
		height: 252vh;
	}
	.page-1-bg {
		background-position: top left;
		background-size: contain;
		background-color: #0f144e;
	}
	.page-1-square {
		background-color: #0f144e;
		top: 67vw;
		width: 100vw;
		left: 0;
	}
	.press-release {
		left: 0;
		width: 10vw;
		top: -2%;
		height: 30%;
	}
	.page-1-num {
		display: none;
	}
	.sub-title {
		font-size: 1.9vh;
	}
	.text-vert {
		bottom: 22vw;
		font-size: 3.3vh;
	}
	.text-top {
		position: relative;
		top: 4vw;
		right: 5%;
		float: right;
		width: 82%;
	}
	.text-bot {
		position: relative;
		top: 50%;
		font-size: 2vh;
		height: 100%;
	}
	.text-bot img {
		margin: 8% 0% 8% 0%;
		height: 100%;
		width: 100%;
	}
	/*-------------------------PAGE 2----------------------*/
	.cycle-slideshow img {
		visibility: visible;
		width: 100%;
		height: auto;
	}
	.cycle-slideshow {
		width: 100vw;
		height: 30vh;
		overflow-y: hidden;
		margin: 5% 0 0 0;
		display: block;
	}
	.cycle-next {
		position: absolute;
		width: 12.5%;
		height: 25%;
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		z-index: 101;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.cycle-prev {
		background: url(../img/img-next.png) center right no-repeat;
		background-size: contain;
		position: absolute;
		width: 12.5%;
		height: 25%;
		z-index: 101;
		top: 50%;
		left: 0;
		transform: translateY(-50%) scale(-1);
	}
	.panel2 {
		height: 163vh;
	}
	.corner {
		display: none;
	}
	.tier-1 {
		display: none;
	}
	.tier-2 {
		height: 122vh;
	}
	.tier-2-stack-1 {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.stack-1-col-1 {
		width: 100%;
		height: 60vh;
	}
	.page-2-col-1 {
		position: relative;
		width: 100%;
		height: 60vh;
		background-size: cover;
		border: 0px solid white;
	}
	.page-2-col-2, .page-2-col-3, .page-2-col-4, .page-2-col-5 {
		display: none;
	}
	.stack-2-col-2 {
		position: relative;
		top: 60vh;
		width: 100%;
		height: auto;
	}
	.stack-2-col-2 div {
		transform: none;
		top: 3vw;
		padding: 5vw;
		font-size: 2vh;
		line-height: normal;
	}
	.tier-2-stack-2 {
		display: none;
	}
	/*---------------------PAGE 3--------------------------*/
	.panel3 {
		height: 309vh;
	}
	.page-3-bg {
		background: url(../img/page-3-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-3-box {
		background: none;
		width: 100%;
		left: 0;
		right: unset;
	}
	.pager-num {
		display: none;
	}
	.pager {
		height: 18vh;
	}
	.in-page-text {
		padding: 0;
		width: 100%;
		transform: none;
		top: 0;
	}
	.page-3-box .text-box {
		margin-top: 41vh;
		padding: 3% 5% 5% 5%;
		background: #0f144e;
		width: 90vw;
		font-size: 2vh;
	}
	.page-3-box .title {
		width: 90vw;
		padding: 4% 5% 5% 5%;
		
	}
	/*---------------------PAGE 4--------------------------*/
	.panel4 {
		height: 207vh;
	}
	.link-page-4 {
		bottom: -98%;
	}
	.page-4-img {
		width: 100%;
		height: 74vh;
		position: relative;
		background: white url(../img/page-4-img.png) bottom center no-repeat;
		background-size: cover;
	}
	.page-4-box {
		width: 100%;
		position: relative;
	}
	.in-page-text-right {
    position: absolute;
    padding: 3% 3% 3% 6%;
    width: 89%;
	}
	.page-4-content {
		width: 90%;
		top: 14%;
		left: 5%;
		height: 50vh;
	}
	.page-4-snaps {
		height: 100vh;
		top: 66%;
	}
	.page-4-img-2 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	.page-4-img-3 {
		position: relative;
		width: 100%;
		height: 27vh;
	}
	/*---------------------PAGE 5--------------------------*/
	.panel5 {
		height: 250vh;
	}
	.page-5-bg {
		background: url(../img/page-5-bg-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.page-5-box {
		top: 50vh;
		width: 100%;
	}
	.pager-mobi {
		top: -5vh;
		height: 5vh;
	}
	.title-mobi {
		position: absolute;
		top: -5vh;
		left: 5vw;
		text-shadow: 2px 2px 3px 3px rgba(0,0,0,0.8);
	}
	.text-box {
		font-size: 2vh;
		padding: 0% 5% 5% 5%;
		width: 90%;
	}
	.text-right {
		padding-right: 0;
	}
	/*------------------------PAGE 6-----------------------*/
	.panel6 {
		height: 345vh;
	}
	.panel6 .pager {
		display: none;
	}
	.overlay-container {
		width: 90%;
		height: 50vh;
		left: 5vw;
		z-index: 99;
	}
	.overlay-container img {
		width: 60%;
	}
	.page-6-content {
		width: 100%;
		height: 286vh;
		top: 51vh;
		padding: 0;
		left: 0;
	}
	.page-6-flag-text {
		height: 70%;
	}
	.page-6-flag {
		height: 21vh;
		width: 100%;
		background-size: contain;
		left: 0;
	}
	.page-6-text {
		top: 24vh;
		width: 90%;
		left: 0;
	}
	.page-6-img-2 {
		position: absolute;
		top: 0;
		left: 5%;
		background: url(../img/page-6-img-2.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-img-3 {
		position: absolute;
		bottom: 0;
		left: 5%;
		background: url(../img/page-6-img-3.png) top center no-repeat;
		width: 90%;
		height: 50%;
		background-size: cover;
	}
	.page-6-snaps {
		bottom: 2vh;
	}
	/*-------------------PAGE 7-------------------*/ 
	.panel7 {
		position: relative;
		height: 132vh;
	}
	.page-7-bg {
		position: absolute;
		background-color: #0f144e;
	}
	.page-7-img {
		background-color:  #0f144e;
		width: 100%;
		height: 83vh;
	}
	.page-7-box .pager {
		display: none;
	}
	.page-7-box {
		top: 65vh;
		width: 100%;
		height: 65vh;
		background: #0f144e;
	}
	.page-7-center {
		top: 5vw;
		left: 5vw;
		transform: none;
		width: 90%;
		height: 65vh;
	}
	.page-7-scroll-container {
		height: 65vh;
	}
	
	.page-7-scroll {
		padding-left: 0;
		width: 90vw;
		bottom: 0;
		left: 0;
		text-align: justify;
		line-height: 140%;
		font-family: gilroy;
		font-size: 2vh;
		padding: 0% 2.7% 0% 0%;
		height: 50vh;
		overflow-y: scroll;
	}
	.link-page-7 {
		bottom: unset;
		top: 55vh;
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 0%;
	}
	/*----------------PAGE 8--------------*/
	.panel8 {
		height: 166vh;
		background: #0f144e;
	}
	.page-8-bg {
		background-color: #0f144e;
	}
	.page-8-box {
		width: 100%;
		background: none;
		top: 44vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 9--------------*/
	.panel9 {
		height: 172vh;
		background: #0f144e;
	}
	.page-9-bg {
		background: #0f144e url(../img/page-9-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.page-9-box {
		width: 100%;
		background: none;
		top: 40vh;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	/*----------------PAGE 10--------------*/
	.panel10 {
		height: 198vh;
		background: #0f144e;
	}
	.page-10-bg {
		background: #0f144e url(../img/page-10-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.box-10 {
		top: 35vh;
	}
	/*----------------PAGE 11--------------*/
	.panel11 {
		height: 227vh;
		background: #0f144e;
	}
	.page-11-bg {
		background: #0f144e url(../img/page-11-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 54vh;
	}
	/*----------------PAGE 12--------------*/
	.panel12 {
		height: 190vh;
		background: #0f144e;
	}
	.page-12-bg {
		background: #0f144e url(../img/page-12-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-11-box {
		width: 100%;
		background: none;
		top: 38vh;
	}
	.page-11-box .title-mobi {
		top: -10vh;
	}
	.page-11-box .pager-mobi {
		top: -10vh;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	/*----------------PAGE 13--------------*/
	.panel13 {
		height: 215vh;
		background: #0f144e;
	}
	.page-13-bg {
		background: #0f144e url(../img/page-13-img-mobi.png) top left no-repeat;
		background-size: contain;
	}
	.in-page-text-9 {
		width: 100%;
		padding: 0;
		top: 0;
		transform: none;
	}
	.text-box-mobi {
		background: #0f144e;
		padding-right: 5%;
	}
	.page-13-box {
		width: 100%;
		background: none;
		top: 38vh;
	}
	.page-13-box .text-box-mobi {
		padding-top: 5%;
	}
	.hide {
		display: none;
	}
	.in-page-title-mobi {
		padding-left: 5%;
	}
	.link-page-13 {
		font-size: 2.2vh;
		padding: 2% 3% 2.3% 3%;
		right: 5vw;
	}
	/*----------------PAGE 14--------------*/
	.panel14 {
		height: 271vh;
	}
	.award-2015 {
		position: relative;
		width: 100%;
		height: 172vh;
	}
	.award-2016 {
		position: relative;
		width: 100%;
		height: 98vh;
	}
	.pager-mobi-14 {
		top: 0;
		left: 0;
		height: 10vh;
		width: 2vw;
	}
	.pager-mobi-14-16 {
		top: 0;
		left: 0;
		height: 8vh;
		width: 2vw;
	}
	.page-14-title {
		left: 0;
		height: 10vh;
	}
	.page-14-title-2-mobi {
		left: 0;
		top:0;
	}
	.page-14-title-16 {
		left: 0;
		height: 10vh;
	}
	.title-container-14 {
		top: .5vh;
		font-size: 3vh;
		line-height: 4vh;
		height: 10vh;
	}
	.leader-2015 {
		top: 15vh;
		height: 64%;
	}
	.box-page-14-2015 {
		width: 90vw;
		height: 70vh;
		margin: 7% 5%;
	}
	.out-text-14 {
		font-size: 2.3vh;
		top: -2.6vh;
	}
	.out-text-14 span {
		padding: 0.2vh 1.2vw;
	}
	.in-text-14 {
		height: 43%;
	}
	.in-text-14 div {
		width: 90%;
		left: 5%;
		font-size: 2vh;
		line-height: 140%;
	}
	.angela .in-text-14 {
		height: 50%;
	}
	.leader-2016 {
		top: 17vh;
	}
	.box-page-14-2016 {
		width: 90%;
		margin: 0 5%;
		height: 75vh;
	}
	.ban-ki-moon {
		background: #0f144e url(../img/ban-ki-moon-mobi.png) top center no-repeat;
		background-size: contain;
	}
	.ban-ki-moon .in-text-14 {
		height: 50%;
	}
	.corner-bot {
		display: none;
	}
	/*------------------PAGE 15-------------*/
	.panel15 {
		height: 550vh;
	}
	.box-master-page-15 {
		top: 15vh;
		width: 100vw;
		left: 0;
	}
	.box-page-15 {
		width: 90vw;
		height: 60vh;
		margin: 0;
		margin: 7% 5%;
	}
	.page-15-title {
		left: 0;
	}
	.in-text-15 div {
		left: 5%;
		width: 90%;
		font-size: 2vh;
		line-height: 140%;
	}
	.corner-bot-left {
		display: none;
	}
	/*----------------PAGE 16---------------*/
	.panel16 {
		height: 307vh;
	}
	.page-16-bg {
		height: 307vh;
	}
	.logo-page-16 {
		top: 5vh;
		left: 50%;
		transform: translateX(-50%);
		width: 80vw;
	}
	.logo-page-16-2 {
		bottom: 0;
		right: 0;
		width: 230%;
	}
	.pc-16 {
		width: 0;
		height: 0;
		visibility: hidden;
	}
	.mobi-16 {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.quote-page-16 {
		height: 270vh;
		width: 90vw;
		top: 35vh;
	}
	.quote-page-16 .quote-box {
		width: 100%;
		margin: 0;
		height: 86vh;
	}
	.quote-16-img {
		width: 90%;
		left: 5%;
	}
	.quote-box i {
		width: 90%;
		left: 5%;
		font-size: 2.1vh;
		line-height: 140%;
		letter-spacing: 140%;
		top: 47vh;
		text-align: justify;
	}
}