body, html {
	margin: 0;
	padding: 0;
    width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	}

	.edgeLoad-asus-slider { visibility:hidden; }

	h1, h2 {
		margin: 0;
		padding: 0;
		line-height: 1.3em;
		text-align: center;
		text-transform: none;
		text-decoration: none;
		color: #FFF;
		}

		h1 {
			font-size: 2.4em;
			font-weight: 400;
			letter-spacing: 0.015em;
			}

		h2 {
			font-size: 2.25em;
			font-weight: 600;
			}

	.clearfix:after {
		content: '';
		display: table;
		clear: both;
		}

	.left {
		float: left;
		}

	.right {
		float: right;
		}

	.text-left {
		text-align: left;
		}

	.delay-00s {
		-webkit-animation-delay: .05s;
		-moz-animation-delay: .05s;
		-o-animation-delay: .05s;
		animation-delay: .05s;
		}

	.delay-01s {
		-webkit-animation-delay: .1s;
		-moz-animation-delay: .1s;
		-o-animation-delay: .1s;
		animation-delay: .1s;
		}

	.delay-02s {
		-webkit-animation-delay: .15s;
		-moz-animation-delay: .15s;
		-o-animation-delay: .15s;
		animation-delay: .15s;
		}

	.delay-03s {
		-webkit-animation-delay: .25s;
		-moz-animation-delay: .25s;
		-o-animation-delay: .25s;
		animation-delay: .25s;
		}

	.border-left, .border-right {
		position: fixed;
		top: 0;
		width: 23%;
		height: 100%;
		background: url(../images/pattern.png) repeat scroll;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		z-index: 10;
		}

		.border-left { left: 0; }
		.border-right { right: 0; }

		.border-info {
			width: 90%;
			margin: 0 auto;
			font-size: 2.1em;
			text-align: center;
			font-weight: 600;
			text-transform: uppercase;
			opacity: 0.25;
			cursor: pointer;
			}

			.border-info-icon {
				font-size: 3em;
				padding-top: 0.2em;
				}

	.button-up {
		display: none;
		position: fixed;
		left: 0.7em;
		bottom: 0.4em;
		z-index: 999;
		cursor: pointer;
		font-size: 3.5em;
		color: rgba(255,255,255, 0.2);
		}

		.button-up:hover { color: rgba(255,255,255, 1.0); }

	a.button, a.button-more {
		display: inline-block;
		padding: 0.5em 1.45em;
		text-align: center;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 0.035em;
		transition: .3s background ease;
		-webkit-transition: .3s background ease;
		-moz-transition: .3s background ease;
		-o-transition: .3s background ease;
		cursor: pointer;
		border-bottom-right-radius: 2em;
		border-top-right-radius: 2em;
		}

		a.button {
			color: #444BB5;
			border: 0.2em solid #FFF;
			background-color: #FFF;
			}

			a.button:hover {
				color: #FFF;
				background-color: transparent;
				border: 0.2em solid #FFF;
				}

		a.button-more {
			color: #FFF;
			border: 0.2em solid #444BB5;
			background-color: #444BB5;
			}

			a.button-more:hover {
				color: #444BB5;
				background-color: transparent;
				}

	.button-arrow {
		margin-left: 1em;
		}

	.logo-container {
		position: fixed;
		width: 100%;
		padding-top: 5em;
		z-index: 10;
		}

		.logo-ft, .logo-rt {
			margin: 0 1.5em;
			}

			.logo-ft { float: left; width: 8em; }
			.logo-rt { float: right; width: 8em; margin-top: 0.45em; }

		.logo-media {
			display: none;
			margin: 0 auto;
			width: 50%;
			padding: 2em 0;
			}

		.logo-header {
			margin: 0 auto;
			width: 400px;
			}

		.logo-footer {
			display: block;
			margin: 0 auto;
			width: 240px;
			}

	nav {
		position: fixed;
		z-index: 15;
		}

		.menu-container {
			width: 100%;
			height: auto;
			text-align: center;
			background-color: #000;
			}

			.menu a {
				transition: .25s;
				-webkit-transition: .25s;
				-moz-transition: .25s;
				font-size: 0.85em;
				font-weight: 600;
				letter-spacing: 0.025em;
				text-transform: uppercase;
				text-decoration: none;
				color: #999;
				}

			.menu a:hover, .menu a.active {
				color: #FFF;
				}

			ul.menu > li {
				display: inline;
				list-style: none;
				}

				ul.menu > li:before {
					content: '|';
					padding: 0 1em;
					font-weight: 600;
					color: #666;
					}

				ul.menu > li:first-child {
					margin-left: -2.6em;
					}

				ul.menu > li:first-child:before {
					content: '';
					content: none;
					}

			.menu-toggle {
				display: none;
				font-size: 2.5em;
				text-align: left;
				padding-left: 0.5em;
				cursor: pointer;
				}

	.page-container {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 5;
		}

	.section-crop {
		width: 100%;
		height: 7em;
		background-color: #444BB5;
		}

	.asus-header-section {
		width: 100%;
		padding-top: 6em;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-header-slogan {
			padding-top: 1.25em;
			margin: 0 auto;
			}

			.asus-header-slogan-ft, .asus-header-slogan-rt {
				display: inline-block;
				vertical-align: middle;
				}

			.asus-header-slogan-ft {
				width: 58px;
				margin-right: 0.6em;
				}

		.asus-header-hero-up {
			width: 100%;
			height: 660px;
			margin: 0 auto;
			padding-top: 7em;
			background: url(../images/asus-zenfone5-hero_01.jpg) no-repeat center;
			}

			.asus-header-hero-up-media {
				display: none;
				width: 100%;
				height: auto;
				margin: 0 auto;
				padding-top: 2.5em;
				padding-bottom: 0.5em;
				}

		.asus-header-tech {
			width: 100%;
			padding-top: 0.5em;
			text-align: center;
			}

			.asus-header-tech-camera, .asus-header-tech-processor, .asus-header-tech-display {
				display: inline-block;
				vertical-align: top;
				width: 290px;
				border-radius: 0.4em;
				background-color: rgba(255,255,255,0.07);
				}

			.asus-header-tech-camera, .asus-header-tech-processor {
				margin: 0 1em 0 0;
				}

				.asus-header-tech-camera-image, .asus-header-tech-processor-image, .asus-header-tech-display-image {
					margin-top: 1.6em;
					height: 120px;
					}

					.asus-header-tech-camera-image { width: 182px; }
					.asus-header-tech-processor-image { width: 124px; }
					.asus-header-tech-display-image { width: 166px; }

			.asus-header-tech-up, .asus-header-tech-bm {
				width: 93%;
				margin: 0 auto;
				text-align: center;
				line-height: 1.5em;
				color: #FFF;
				}

			.asus-header-tech-up {
				padding-top: 1em;
				font-size: 1.05em;
				letter-spacing: 0.01em;
				font-weight: 600;
				}

				.asus-header-tech-up-low { width: 80%; }

			.asus-header-tech-bm {
				padding: 0.3em 0 1.8em 0;
				font-size: 0.8em;
				letter-spacing: 0.03em;
				font-weight: 400;
				}

				.asus-header-tech-bm a { text-decoration: none; border-bottom: 0; color: #FFF; }
				.asus-header-tech-bm a:hover { text-decoration: underline; color: #FFF; }

		.asus-header-lovephoto {
			width: 380px;
			margin: 5em auto 0 auto;
			}

		.asus-header-info {
			width: 800px;
			margin: 0 auto;
			padding: 2.5em 0 4em 0;
			font-size: 1.15em;
			letter-spacing: 0.01em;
			line-height: 1.5em;
			font-weight: 300;
			color: #FFF;
			}

			.asus-header-info a { text-decoration: none; border-bottom: 0; font-weight: 600; color: #FFF; }
			.asus-header-info a:hover { text-decoration: underline; color: #FFF; }

		.asus-header-hero-bm {
			padding-top: 7em;
			padding-bottom: 1em;
			margin: 0 auto;
			}

			.video-section {
				position: relative;
				width: 90%;
				max-width: 700px;
				margin: 0 auto;
				}

				.video-section_16x9 {
					padding-top: 56.25%;
					height: 0;
					}

				.video-section_content {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border: 0;
					}

		.asus-section-container {
			width: 800px;
			margin: 0 auto;
			}

			.asus-section-container-title {
				text-align: center;
				}

				.asus-section-container-title-ft, .asus-section-container-title-rt {
					display: inline-block;
					vertical-align: middle;
					}

				.asus-section-container-title-ft {
					width: 60px;
					letter-spacing: -0.03em;
					margin-right: 0.3em;
					}

				.asus-section-container-title-rt {
					font-size: 1.25em;
					letter-spacing: 0.01em;
					font-weight: 400;
					text-transform: uppercase;
					color: #FFF;
					}

			.asus-section-container-header, .asus-section-container-info {
				letter-spacing: 0.01em;
				margin: 0 auto;
				color: #FFF;
				}

			.asus-section-container-header {
				width: 80%;
				padding-top: 0.8em;
				}

			.asus-section-container-info {
				padding: 1.4em 0 2.5em 0;
				font-size: 1.15em;
				font-weight: 300;
				line-height: 1.5em;
				letter-spacing: 0.01em;
				text-align: center;
				text-decoration: none;
				color: #FFF;
				}

				.asus-section-container-info a { text-decoration: none; border-bottom: 0; font-weight: 600; color: #FFF; }
				.asus-section-container-info a:hover { text-decoration: underline; color: #FFF; }

			.asus-section-container-icon {
				display: inline-flex;
				width: 100%;
				margin: 0 auto;
				padding-top: 0.5em;
				padding-bottom: 2em;
				flex-wrap: wrap;
  				justify-content: center;
				align-items: flex-start;
				}

				.asus-section-container-icon-box {
					padding: 0 0.35em;
					padding-bottom: 1.5em;
					}

				.asus-section-container-icon-box-photo {
					padding: 0 0.1em;
					padding-bottom: 1.75em;
					}

					.container-crop {
						margin-bottom: -2em;
						}

					.container-crop-02 {
						margin-top: -1em;
						}

					.icon-box-image {
						width: 50px;
						height: 50px;
						margin: 0 auto;
						padding: 0.3em 0;
						}

					.icon-box-media {
						display: none;
						}

					.icon-box-photo {
						width: 40px;
						height: 40px;
						margin: 0 auto;
						padding: 0.3em 0;
						}

						.indent-image-left {
							margin-left: 0.4em;
							}

						.indent-image-right {
							margin-right: 0.4em;
							}

						.image-zoom-01 {
							width: 60px;
							height: 60px;
							margin: -0.2em 0 -0.4em 0;
							}

						.image-zoom-02 {
							width: 70px;
							height: 70px;
							margin: -0.6em 0;
							}

						.image-zoom-03 {
							width: 82px;
							height: 82px;
							margin: -0.3em 0 -0.5em 0;
							}

						.image-zoom-04 {
							width: 55px;
							height: 55px;
							margin: -0.1em 0 -0.2em 0;
							}

						.image-zoom-05 {
							width: 72px;
							height: 72px;
							margin: -0.4em 0 -0.95em 0;
							}

					.icon-box-text {
						font-size: 1.5em;
						}

						.text-h1 {
							font-size: 0.7em;
							padding-right: 0.07em;
							}

						.text-h2 {
							font-size: 0.5em;
							}

						.text-h3 {
							font-size: 2em;
							padding-right: 0.07em;
							letter-spacing: -0.01em;
							}

							.indent-text {
								padding-left: 0.3em;
								}

							.indent-text-left {
								letter-spacing: -0.13em;
								}

						.indent-left {
							padding-left: 0.1em;
							}

						.indent-right {
							padding-right: 0.1em;
							}

					.icon-box-info {
						width: 128px;
						margin: 0 auto;
						margin-top: -0.3em;
						font-size: 0.7em;
						letter-spacing: 0.03em;
						line-height: 1.3em;
						}

					.icon-box-photo-info {
						width: 70px;
						margin: 0 auto;
						margin-top: -0.3em;
						font-size: 0.7em;
						letter-spacing: 0.03em;
						line-height: 1.3em;
						}

	.asus-design-section {
		width: 100%;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-design-section-image {
			width: 100%;
			height: 1210px;
			margin-top: 4.5em;
			background: url(../images/asus-zenfone5-design_01.jpg) no-repeat center top;
			}

			.asus-design-section-image-media {
				display: none;
				width: 100%;
				height: auto;
				margin: 0 auto;
				padding-top: 3.5em;
				padding-bottom: 0.5em;
				}

	.asus-display-section {
		width: 100%;
		padding-top: 2em;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-display-section-image {
			width: 100%;
			height: 600px;
			margin-top: -2.5em;
			/*padding-bottom: 7em;*/
			background: url(../images/asus-zenfone5-display_01.jpg) no-repeat center top;
			}

			.asus-display-section-image-media {
				display: none;
				width: 100%;
				height: auto;
				margin: 0 auto;
				padding-top: 0.5em;
				}

	.asus-camera-ai-section {
		width: 100%;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-camera-ai-section-image {
			width: 100%;
			height: 1305px;
			margin-top: 0;
			background: url(../images/asus-zenfone5-camera_01.jpg) no-repeat center top;
			}

			.asus-camera-ai-section-image-media {
				display: none;
				width: 100%;
				height: auto;
				margin: 0 auto;
				padding-bottom: 3em;
				}

	.asus-camera-photo-section {
		width: 100%;
		padding-top: 6em;
		padding-bottom: 1em;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-camera-photo-section-image {
			width: 800px;
			height: 800px;
			margin: 0 auto;
			margin-top: 1.75em;
			}

			.asus-camera-photo-section-image-media {
				display: none;
				width: 100%;
				height: auto;
				margin: 0 auto;
				padding-top: 2em;
				}

	.asus-camera-dual-section {
		width: 100%;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-camera-dual-section-image {
			width: 100%;
			height: 461px;
			margin-top: 4em;
			padding-bottom: 1em;
			background: url(../images/asus-zenfone5-camera_03.jpg) no-repeat center top;
			}

			.asus-camera-dual-section-image-media {
				display: none;
				width: 90%;
				height: auto;
				margin: 0 auto;
				margin-top: 3em;
				margin-bottom: -1em;
				}

	.asus-power-section {
		width: 100%;
		text-align: center;
		background-color: #444BB5;
		}

		.asus-power-section-image {
			width: 100%;
			height: 830px;
			background: url(../images/asus-zenfone5-power_01.jpg) no-repeat center top;
			}

			.asus-power-section-image-media {
				display: none;
				width: 100%;
				height: auto;
				margin: 0 auto;
				}

	.asus-footer-section {
		width: 100%;
		padding: 7em 0;
		text-align: center;
		background-color: #5D6268;
		}

		.asus-footer-section-info {
			margin: 0 auto;
			padding-top: 2.5em;
			font-size: 1.15em;
			letter-spacing: 0.01em;
			text-transform: uppercase;
			font-weight: 600;
			color: #FFF;
			}

		.asus-footer-section-social {
			padding-top: 1em;
			}

			.social-icon {
				display: inline-block;
				position: relative;
				width: 1.1em;
				height: 1.1em;
				text-align: center;
				cursor: pointer;
				border-radius: 50%;
				z-index: 1;
				}

				.social-icon-style {
					font-size: 1.6em;
					line-height: 1.2em;
					text-decoration: none;
					padding: 0.5em;
					margin: 0.3em 0.2em;
					color: #FFF;
					}

				.social-icon:after {
					pointer-events: none;
					position: absolute;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					content: '';
					-webkit-box-sizing: content-box;
					-moz-box-sizing: content-box;
					box-sizing: content-box;
					}

				.social-icon:before {
					display: block;
					speak: none;
					-webkit-font-smoothing: antialiased;
					}

				.social-icon-effect-1 .social-icon {
					background: rgba(255,255,255,0.1);
					-webkit-transition: background 0.2s, color 0.2s;
					-moz-transition: background 0.2s, color 0.2s;
					transition: background 0.2s, color 0.2s;
					}

					.social-icon-effect-1 .social-icon:after {
						top: -0.2em;
						left: -0.2em;
						padding: 0.2em;
						box-shadow: 0 0 0 0.1em #FFF;
						-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
						-webkit-transform: scale(.8);
						-moz-transition: -moz-transform 0.2s, opacity 0.2s;
						-moz-transform: scale(.8);
						-ms-transform: scale(.8);
						transition: transform 0.2s, opacity 0.2s;
						transform: scale(.8);
						opacity: 0;
						}

				.social-icon-effect-1a .social-icon:hover {
					background: rgba(255,255,255,1);
					color: #666;
					}

					.social-icon-effect-1a .social-icon:hover:after {
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						transform: scale(1);
						opacity: 1;
						}

		.asus-footer-section-content {
			margin: 0 auto;
			padding-top: 2em;
			font-size: 0.8em;
			letter-spacing: 0.03em;
			line-height: 1.7em;
			color: #FFF;
			}

			.asus-footer-section-content a { text-decoration: none; border-bottom: 0; color: #FFF; }
			.asus-footer-section-content a:hover { text-decoration: underline; color: #FFF; }

		.asus-footer-section-counter {
			margin: 1.5em auto 0 auto;
			}