@import url(reset.css);
/* Global Styles
---------------------------------------- */
html,
body {
	height: 100%;
	color: #2f373d;
    font: 200 18px 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial', sans-serif;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
}
h2 {
	font: 500 48px 'Avenir', 'Helvetica Neue', 'Arial', sans-serif;
}
h3 {
	font: 500 36px 'Avenir', 'Helvetica Neue', 'Arial', sans-serif;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Page Layout
---------------------------------------- */
.page {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 1000px;
	min-height: 1600px;
	background: url(../i/ground-bg.jpg) no-repeat 50% 100%, url(../i/sky-bg.png) repeat-x 0 0;
}
.page.inner {
	min-height: 100%;
	background: #fff;
}

.footer-wrap {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 1000px;
	height: 90px;
	background: #fff;
}
.footer {
	margin: auto;
	padding: 30px 30px 0;
	max-width: 1020px;
}
.content {
	position: relative;
	z-index: 2;
	padding-bottom: 100px;
}

.header-wrap {
	background-color: #1c74b7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#065691", endColorstr="#1c75b7");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#065691), to(#1c75b7));
	background-image: -moz-linear-gradient(top, #065691, #69aa1f);
	background-image: -ms-linear-gradient(top, #065691, #69aa1f);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #065691), color-stop(100%, #1c75b7));
	background-image: -webkit-linear-gradient(top, #065691, #1c75b7);
	background-image: -o-linear-gradient(top, #065691, #1c75b7);
	background-image: linear-gradient(#065691, #1c75b7);
}
.header {
	margin: auto;
	padding: 35px 30px 0;
	max-width: 1020px;
	height: 105px;
}
/* Header
---------------------------------------- */
/* App store button */
.header .btn-app-store {
	float: right;
}
/* Back */
.header .back {
	position: relative;
	float: left;
	margin-left: -33px;
	padding: 9px 0 0 124px;
	color: #fff;
	text-decoration: none;
	}
	.header .back .app-name {
		vertical-align: top;
	}
	.header .back .slogan {
		margin: 0;
		font-size: 20px;
	}
	.header .icon-app-logo {
		position: absolute;
		top: 0;
		left: 33px;
		width: 69px;
		height: 69px;
		background: url(../i/app-logo.png) no-repeat;
	}
	.header .back .icon-back {
		visibility: hidden;
		position: absolute;
		left: 0;
		top: 18px;
		width: 19px;
		height: 33px;
		background: url(../i/icon-back.png) no-repeat;
	}
	.header .back:hover .icon-back {
		visibility: visible;
	}

/* Footer
---------------------------------------- */
/*copyright*/
.footer .copyright {
	float: left;
	width: 25%;
	color: #9ca6af;
	line-height: 30px;
	}
	.footer .copyright sup {
		vertical-align: top;
		font-size: 10px;
		line-height: 18px;
	}
/*menu*/
.footer .menu {
	float: left;
	width: 50%;
	text-align: center;
	}
	.footer .menu li {
		display: inline-block;
		margin: 0 10px;
		font: 500 18px/30px 'Helvetica Neue Medium', 'HelveticaNeue-Medium', 'Helvetica Neue', 'Arial', sans-serif;
	}
	.footer .menu a {
		color: #9ca6af;
	}
	.footer .menu li.active a {
		color: #2670a8;
		text-decoration: none;
		cursor: default;
	}
/*social*/
.footer .social {
	float: right;
	max-width: 25%;
	}
	.footer .social li {
		float: left;
		margin-left: 10px;
	}
	.footer .social .icon {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../i/social.png) no-repeat;
	}
	.footer .social .icon:hover {
		top: -3px;
	}
	.footer .social .icon:active {
		top: 0;
	}

	.footer .social .icon-facebook {background-position: 0 0;}
	.footer .social .icon-facebook:hover {background-position: 0 -35px;}
	.footer .social .icon-facebook:active {background-position: 0 -70px;}

	.footer .social .icon-twitter {background-position: -35px 0;}
	.footer .social .icon-twitter:hover {background-position: -35px -35px;}
	.footer .social .icon-twitter:active {background-position: -35px -70px;}

	.footer .social .icon-pinterest {background-position: -70px 0;}
	.footer .social .icon-pinterest:hover {background-position: -70px -35px;}
	.footer .social .icon-pinterest:active {background-position: -70px -70px;}

	.footer .social .icon-instagram {background-position: -105px 0;}
	.footer .social .icon-instagram:hover {background-position: -105px -35px;}
	.footer .social .icon-instagram:active {background-position: -105px -70px;}

	.footer .social .icon-vimeo {background-position: -140px 0;}
	.footer .social .icon-vimeo:hover {background-position: -140px -35px;}
	.footer .social .icon-vimeo:active {background-position: -140px -70px;}

/* Content
---------------------------------------- */
.section {
	position: relative;
	margin: 0 auto 127px;
	padding-top: 125px;
	width: 784px;
	text-align: center;
}

.section:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -392px;
	width: 784px;
	border-top: 2px solid #ccc;
}
.content .section:first-child:before,
.content .section:last-child:before {
	display: none;
}
.section-description {
	margin: 0 auto 80px;
	width: 395px;
	font-size: 28px;
}
.section-illustration {
	position: relative;
}

.section-header {
	padding-top: 0;
	border-top: none;
	}
	.section-header .section-description {
		margin-bottom: 35px;
		padding-top: 30px;
		border-top: 2px solid #fff;
		width: 416px;
		color: #fff;
		font-size: 28px;
	}

.section-profiles .section-description {
	width: 600px;
}

/*logo*/
.logo {
	margin: 106px auto 24px;
	width: 456px;
	height: 238px;
	background: url(../i/logo.png) no-repeat;
	text-indent: -9999px;
}
/*btn-app-store*/
.btn-app-store {
	position: relative;
	display: inline-block;
	padding: 8px 0 0 65px;
	width: 141px;
	height: 57px;
	border: 2px solid #000;
	background: rgba(45, 48, 49, .5);
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	font-family: 'Helvetica Neue', 'Arial', sans-serif;
	text-align: left;
	top: -16px;
	}
	.btn-app-store:hover {
		background: rgba(45, 48, 49, .3);
		box-shadow: inset 0 0 2px rgba(255, 255, 255, .4);
		text-decoration: none;
	}
	.btn-app-store:active {
		background: rgba(45, 48, 49, .8);
		box-shadow: none;
	}
	.btn-app-store:before {
		content: '';
		position: absolute;
		left: 16px;
		top: 10px;
		width: 33px;
		height: 40px;
		background: url(../i/app-store-apple.png) no-repeat;
	}
	.btn-app-store strong {
		display: block;
		font-family: 'Helvetica Neue Medium', 'HelveticaNeue-Medium', 'Helvetica Neue', 'Arial', sans-serif;
		font-weight: 500;
		font-size: 26px;
	}

	.section-header .btn-app-store {border-color: #0b3556;}

/*iphone*/
.iphone {
	position: relative;
	z-index: 10;
	left: -2px;
	margin: 40px auto 0;
	padding-top: 139px;
	width: 471px;
	height: 854px;
	background: url(../i/iphone.png) no-repeat;
	}

	/*screen*/
	.iphone .screen {
		position: relative;
		overflow: hidden;
		margin: 0 0 0 34px;
		padding-top: 25px;
		width: 395px;
		height: 675px;
		border: 8px solid #000;
		background: #000 url(../i/iphone-status-bar.png) no-repeat;
		border-radius: 9px;
	}

	.iphone .abc {
		position: absolute;
		z-index: 20;
		top: 37px;
		right: 16px;
	}

	.iphone .card {
		position: relative;
		margin-top: -3px;
		margin-bottom: -167px;
		height: 240px;
		background: url(../i/iphone-screen-card.png) no-repeat;
	}
	.iphone .card .head {
		padding: 18px 11px 0;
		height: 57px;

		text-align: left;
	}
	/*.iphone.finished .card {*/
		/*margin-bottom: -12px;*/
	/*}*/

	/*app-nav*/
	.iphone .app-nav-bg-wrap {
		position: absolute;
		z-index: 10;
		right: -66px;
		bottom: -68px;
		overflow: hidden;
	}
	.iphone .app-nav-bg {
		position: relative;
		overflow: hidden;
		z-index: 1;
		background: rgba(18, 19, 19, .6);
		border-radius: 50%;
		width: 0;
		height: 0;
	}
	.iphone .app-nav-bg > div {
		position: relative;
		z-index: 2;
		margin-left: 40px;
		margin-top: 40px;
		width: 0;
		height: 0;
		background: rgba(18, 19, 19, .4);
		border-radius: 50%;
	}
	.iphone .app-nav-btns {
		position: absolute;
		right: 10px;
		bottom: 7px;
		width: 90px;
		height: 90px;
		z-index: 12;
	}
	.iphone .app-nav-btn-main,
	.iphone .app-nav-btn-notif,
	.iphone .app-nav-btn-me,
	.iphone .app-nav-btn-add {
		position: absolute;
		z-index: 3;
		background: url(../i/iphone-app-nav.png) no-repeat;
	}
	.iphone .app-nav-btn-main {
		z-index: 5;
		left: 2px;
		top: 0;
		width: 92px;
		height: 92px;
		background-position: 0 0;
	}
	.iphone .app-nav-btn-notif
	,.iphone .app-nav-btn-add
    {
		left: 18px;
		top: 18px;
		width: 56px;
		height: 56px;
	}
	.iphone .app-nav-btn-notif {
		background-position: 0 -95px;
	}
	.iphone .app-nav-btn-me {
        left: 22px;
        top: 22px;
        width: 44px;
        height: 44px;
		background-position: 0 -217px;
	}
	.iphone .app-nav-btn-add {
		background-position: 0 -156px;
	}

	/*blink*/
	.iphone .blink {
		position: absolute;
		top: 50px;
		left: 45px;
		width: 40px;
		height: 40px;
		}
		.iphone .blink > div {
			position: absolute;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.iphone .blink .layer-1 {
			z-index: 1;
			top: 16px;
			left: 8px;
			width: 55px;
			height: 5px;
			background-image: url(../i/blink-layer_1.png);
		}
		.iphone .blink .layer-2 {
			z-index: 2;
			top: 9px;
			left: 9px;
			width: 21px;
			height: 21px;
			background-image: url(../i/blink-layer_2.png);
		}
		.iphone .blink .layer-3 {
			z-index: 3;
			top: 0;
			left: 0;
			width: 39px;
			height: 40px;
			background-image: url(../i/blink-layer_3.png);
		}

	/*note*/
	.iphone .note {
		position: absolute;
		width: 300px;
		text-align: left;
	}
	.iphone .note.left {
		left: -274px;
	}
	.iphone .note.right {
		right: -278px;
	}
	.iphone .note h3 {
		position: relative;
		margin-bottom: 7px;
		border-bottom: 2px solid #595f64;
		font-family: 'Helvetica Neue Bold', 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
		font-weight: 600;
		font-size: 20px;
		line-height: 32px;
	}
	.iphone .note.left h3,
	.iphone .note.left p {
		padding-right: 90px;
	}
	.iphone .note.right h3,
	.iphone .note.right p {
		padding-left: 90px;
	}
	.iphone .note h3:before {
		content: '';
		position: absolute;
		bottom: -6px;
		width: 10px;
		height: 10px;
		background: #565c62;
		border-radius: 50%;
	}
	.iphone .note.left h3:before {
		right: 0;
	}
	.iphone .note.right h3:before {
		left: 0;
	}
	.iphone .note p {
		font-size: 20px;
	}
	.iphone .note-switch-views {
		top: 588px;
	}
	.iphone .note-bounce-menu {
		top: 730px;
	}
	.iphone .note-unique-id {
		top: 172px;
	}
	.iphone .note-access {
		top: 600px;
	}
	.iphone .note-search {
		top: 195px;
	}
	.iphone .note-nearby {
		top: 327px;
	}
	.iphone .note-introductions {
		top: 271px;
	}
	.iphone .note-perpetual {
		top: 446px;
	}

/*get-app*/
.section-get-app {
	margin-top: 220px;
	margin-bottom: 105px;
	padding-top: 0;
	}
	.section-get-app h2 {
		margin-bottom: 25px;
		color: #0f0f0f;
		font: 200 38px 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial', sans-serif;
	}

/* Header Clouds
---------------------------------------- */
.clouds {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -5000px;
	width: 10000px;
}
.cloud {
	position: absolute;
	width: 100%;
	background: url(../i/clouds.png) repeat-x;
}
.cloud_01{
	z-index: 6;
	top: 778px;
	/*width: 706px; */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	height: 391px;
	background-position: 50% 0;
}
.cloud_02{
	z-index: 5;
	top: 808px;
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -o-transform: translateX(-150px);
    transform: translateX(-150px);
	/*width: 1133px; */
	height: 508px;
	background-position: 50% -401px;
}
.cloud_03{
	z-index: 4;
	top: 737px;
    -webkit-transform: translateX(313px);
    -moz-transform: translateX(313px);
    -ms-transform: translateX(313px);
    -o-transform: translateX(313px);
    transform: translateX(313px);
	/*width: 598px; */
	height: 335px;
	background-position: 50% -919px;
}
.cloud_04{
	z-index: 3;
	top: 655px;
    -webkit-transform: translateX(888px);
    -moz-transform: translateX(888px);
    -ms-transform: translateX(888px);
    -o-transform: translateX(888px);
    transform: translateX(888px);
	/*width: 508px; */
	height: 290px;
	background-position: 50% -1264px;
}
.cloud_05{
	z-index: 2;
	top: 680px;
    -webkit-transform: translateX(-308px);
    -moz-transform: translateX(-308px);
    -ms-transform: translateX(-308px);
    -o-transform: translateX(-308px);
    transform: translateX(-308px);
	/*width: 319px; */
	height: 200px;
	background-position: 50% -1564px;
}
.cloud_06{
	z-index: 1;
	top: 776px;
    -webkit-transform: translateX(-488px);
    -moz-transform: translateX(-488px);
    -ms-transform: translateX(-488px);
    -o-transform: translateX(-488px);
    transform: translateX(-488px);
	/*width: 621px; */
	height: 266px;
	background-position: 50% -1774px;
}
/* Nearby circles
---------------------------------------- */
.nearby-circles {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -500px;
	width: 1010px;
	height: 1010px;
	}
	.nearby-circles .circle {
		position: absolute;
		top: 50%;
		left: 50%;
		}
		.nearby-circles .circle .text {
			position: absolute;
			top: 50%;
			left: 0;
			font-family: 'Helvetica Neue', 'Arial', sans-serif;
			font-weight: 600;
			line-height: 40px;
		}
	.nearby-circles .circle_1 {
		margin-top: -501px;
		margin-left: -502px;
		width: 1010px;
		height: 1010px;
		background: url(../i/connections_circle_1.png) no-repeat;
		background-size: 100% 100%;
		}
		.nearby-circles .circle_1 .text {
			margin-left: -30px;
			margin-top: -21px;
			color: #bcdef0;
			font-size: 32px;
			opacity: .65;
		}

	.nearby-circles .circle_2 {
		margin-top: -391px;
		margin-left: -391px;
		width: 782px;
		height: 782px;
		background: url(../i/connections_circle_2.png) no-repeat;
		background-size: 100% 100%;
		}
		.nearby-circles .circle_2 .text {
			margin-left: -30px;
			margin-top: -15px;
			color: #b3d6e8;
			font-size: 26px;
			opacity: .8;
		}

	.nearby-circles .circle_3 {
		margin-top: -293px;
		margin-left: -293px;
		width: 586px;
		height: 586px;
		background: url(../i/connections_circle_3.png) no-repeat;
		background-size: 100% 100%;
		}
		.nearby-circles .circle_3 .text {
			margin-left: -25px;
			margin-top: -14px;
			color: #a3cce2;
			font-size: 20px;
		}

/* Section Icons
---------------------------------------- */
.profile-icon,
.connection-icon,
.notification-icon {
	position: absolute;
	z-index: 2;
}
/*profile-icons*/
.section-profiles {
	width: auto;
	min-width: 784px;
	max-width: 1300px;
}

.profile-icon {
	background: url(../i/profile-icons.png) no-repeat;
}
.profile-icon_01{
	top: -220px;
	right: -31%;
	width: 106px;
	height: 106px;
	background-position: 0 0;
}
.profile-icon_02{
	top: -190px;
	left: -24%;
	width: 108px;
	height: 108px;
	background-position: 0 -116px; }
.profile-icon_03{
	top: 905px;
	left: -1.5%;
	width: 96px;
	height: 96px;
	background-position: 0 -234px; }
.profile-icon_04{
	right: -4.6%;
	top: -42px;
	width: 84px;
	height: 84px;
	background-position: 0 -340px;
}
.profile-icon_05{
	top: 100px;
	right: -35%;
	width: 157px;
	height: 157px;
	background-position: 0 -434px;
}
.profile-icon_06{
	z-index: 11;
	top: 665px;
	left: 6%;
	width: 132px;
	height: 132px;
	background-position: 0 -601px;
}
.profile-icon_07{
	top: 405px;
	left: -4%;
	width: 84px;
	height: 84px;
	background-position: 0 -743px;
}
.profile-icon_08{
	top: -330px;
	left: 4%;
	width: 60px;
	height: 60px;
	background-position: 0 -837px;
}
.profile-icon_09{
	z-index: 11;
	top: 955px;
	left: 28%;
	width: 137px;
	height: 137px;
	background-position: 0 -907px;
}
.profile-icon_10{
	top: 520px;
	left: -38%;
	width: 154px;
	height: 154px;
	background-position: 0 -1054px;
}
.profile-icon_11{
	top: 74px;
	left: -31%;
	width: 73px;
	height: 73px;
	background-position: 0 -1218px;
}
.profile-icon_12{
	top: 474px;
	right: -24%;
	width: 78px;
	height: 78px;
	background-position: 0 -1301px;
}
.profile-icon_13{
	right: 1.3%;
	top: -390px;
	width: 117px;
	height: 117px;
	background-position: 0 -1389px;
}
.profile-icon_14{
	z-index: 11;
	top: -5px;
	left: 11%;
	width: 132px;
	height: 132px;
	background-position: 0 -1516px;
}
.profile-icon_15{
	top: 270px;
	right: 2%;
	width: 114px;
	height: 114px;
	background-position: 0 -1658px;
}
.profile-icon_16{
	top: 1000px;
	right: -19%;
	width: 143px;
	height: 143px;
	background-position: 0 -1782px;
}
.profile-icon_17{
	top: 795px;
	right: 10%;
	width: 119px;
	height: 119px;
	background-position: 0 -1935px;
}

/*connection-icons*/
.connection-icon {
	background: url(../i/connection-icons.png) no-repeat;
}
.connection-icon_01{
	left: -50px;
	top: 568px;
	width: 109px;
	height: 109px;
	background-position: 0 0;
}
.connection-icon_02{
	top: 642px;
	right: -10px;
	width: 109px;
	height: 109px;
	background-position: 0 -119px;
}
.connection-icon_03{
	top: 115px;
	right: -80px;
	width: 119px;
	height: 119px;
	background-position: 0 -238px;
}
.connection-icon_04{
	top: -95px;
	left: -150px;
	width: 127px;
	height: 127px;
	background-position: 0 -367px;
}
.connection-icon_05{
	top: -172px;
	right: -190px;
	width: 119px;
	height: 119px;
	background-position: 0 -504px;
}
.connection-icon_06{
	top: 830px;
	left: -215px;
	width: 137px;
	height: 137px;
	background-position: 0 -633px;
}
.connection-icon_07{
	top: 775px;
	right: -242px;
	width: 106px;
	height: 106px;
	background-position: 0 -780px;
}


/*notification-icons*/
.notification-icon {
	background: url(../i/notification-icons.png) no-repeat;
}
.notification-icon_01{
	top: 173px;
	right: -148px;
	width: 158px;
	height: 137px;
	background-position: 0 0;
}
.notification-icon_02{
	top: 19px;
	left: -144px;
	width: 150px;
	height: 130px;
	background-position: 0 -147px;
}
.notification-icon_03{
	top: 590px;
	left: -210px;
	width: 166px;
	height: 143px;
	background-position: 0 -287px;
}
.notification-icon_04{
	top: -112px;
	right: -70px;
	width: 140px;
	height: 123px;
	background-position: 0 -440px;
}
.notification-icon_05{
	top: 862px;
	right: -170px;
	width: 136px;
	height: 118px;
	background-position: 0 -573px;
}
.notification-icon_06{
	top: 890px;
	left: -60px;
	width: 108px;
	height: 95px;
	background-position: 0 -701px;
}
.notification-icon_07{
	z-index: 11;
	top: 670px;
	right: 60px;
	width: 127px;
	height: 112px;
	background-position: 0 -806px;
}
.notification-icon_08{
	top: -190px;
	left: -20px;
	width: 125px;
	height: 110px;
	background-position: 0 -928px;
}
.notification-icon_09{
	top: 560px;
	left: 85px;
	width: 122px;
	height: 106px;
	background-position: 0 -1048px;
}
.notification-icon_10{
	top: 580px;
	right: -190px;
	width: 114px;
	height: 100px;
	background-position: 0 -1164px;
}

/* Inner Pages
---------------------------------------- */
.page.inner .content {
	color: #2f373d;
	font-size: 28px;
	line-height: 40px;
	}
	.page.inner .content .section {
		margin-top: 93px;
		margin-bottom: 122px;
		padding: 0 30px;
		max-width: 1020px;
		width: auto;
		text-align: left;
	}
	.page.inner .content h2 {
		margin-bottom: 45px;
	}
	.page.inner .content h3 {
		margin-bottom: 36px;
	}
	.page.inner .content p,
    .page.inner .content ol.simple-enum,
    .page.inner .content ul.simple-enum {
		margin-bottom: 40px;
	}
	.page.inner .content strong {
		font-weight: 600;
	}
	.page.inner .content em {
		text-decoration: underline;
	}
    .page.inner ol.simple-enum {
        list-style: decimal inside;
    }
    .page.inner ul.simple-enum {
        list-style: circle inside;
    }
    .page.inner .simple-enum li {
        margin-bottom: 10px;
    }

/*About app list*/
.about-app-list {
	margin: 55px 0 0;
	}
	.about-app-list li {
		position: relative;
		margin-bottom: 80px;
		padding-left: 139px;
	}
	.about-app-list .icon {
		position: absolute;
		top: 50%;
		left: 1px;
		margin-top: -42px;
	}

	.about-app-list .icon-about-create,
	.about-app-list .icon-about-give,
	.about-app-list .icon-about-populate,
	.about-app-list .icon-about-choose {
		width: 98px;
		height: 84px;
		background: url(../i/icons-about.png) no-repeat;
	}
	.about-app-list .icon-about-create {
		background-position: 0 0;
	}
	.about-app-list .icon-about-give {
		margin-top: -33px;
		background-position: 0 -90px;
	}
	.about-app-list .icon-about-populate {
		margin-top: -39px;
		background-position: 0 -180px;
	}
	.about-app-list .icon-about-choose {
		margin-top: -48px;
		background-position: 0 -270px;
	}

/*About descriptopn list*/
.about-dl {
	margin-top: -12px;
	}
	.about-dl dt {
		position: relative;
		margin: 0 0 8px -20px;
		padding: 0 0 0 20px;
		width: 290px;
		border-bottom: 2px solid #eaebeb;
		font-weight: bold;
	}
	.about-dl dt:before {
		content: '';
		position: absolute;
		left: -3px;
		bottom: -5px;
		width: 10px;
		height: 10px;
		background: #eaebeb;
		border-radius: 50%;
	}
	.about-dl dd {
		margin-bottom: 60px;
	}


@media only screen and (max-width: 1040px) {
    .iphone .note {
		position: absolute;
		width: 270px;
		text-align: left;
	}
	.iphone .note.left h3,
	.iphone .note.left p {
		padding-right: 60px;
	}
	.iphone .note.right h3,
	.iphone .note.right p {
		padding-left: 60px;
	}
	.iphone .note.left {
		left: -241px;
	}
	.iphone .note.right {
		right: -248px;
	}
}
@media only screen and (min-width: 2500px) {
    .page {
    	background-size: 100% auto, auto;
    }
}