@font-face { font-family: 'bgm'; src: url('/assets/fonts/bgm.eot'); src: url('/assets/fonts/bgm.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/bgm.svg#bgm') format('svg'), url('/assets/fonts/bgm.woff') format('woff'), url('/assets/fonts/bgm.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'acp'; src: url('/assets/fonts/acp.eot'); src: url('/assets/fonts/acp.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/acp.svg#acp') format('svg'), url('/assets/fonts/acp.woff') format('woff'), url('/assets/fonts/acp.ttf') format('truetype'); font-weight: normal; font-style: normal;}
body {
	font: 20px 'acp', serif;
	line-height: 30px;}
h1, h2, h3, h4 { font-family: 'bgm'; font-weight: normal;}
h2 { font-size: 60px;}
h3, h4 { font-size: 45px; color: #00243c;}
h4 { font-size: 35px;}
a, a:hover { color: #0968A8;}
a.button, button {
	display: block;
	background: #FF961A;
	border: none;
	border-radius: 5px;
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	font: 15px 'bgm';
	letter-spacing: 1px;
	color: #00243c;
	text-align: center;
	line-height: 48px;
	width: 100%;}
.header { background: #ffffff;}
.header h1 { color: #00243c; font-size: 45px; margin: 16px 0 0;}
.header h1 a { color: #00243c; text-decoration: none;}
.header h2 { color: #ff961a; font: 18px 'acp'; margin: 5px 0px 24px;}
.header ul { list-style-type: none;}
.header ul li { float: left; font: 15px 'bgm'; letter-spacing: 1px; margin-right: 35px; line-height: 112px;}
.header ul li:last-child { margin-right: 0px;}
.header ul a { color: #4D6677;}
.banner { background: url('../images/bg-pattern.png') #002439; color: #ffffff; padding: 43px 0;}
.banner h2 { color: #ff961a; margin: 0 0 25px;}
.banner .container h2:last-child { margin: 0;}
.banner p { margin-bottom: 30px;}
.main { padding: 5px 0 60px;}
.main h3, .main h4 { margin: 60px 0 20px;}
.main p { margin: 0 0 30px;}
.secondary { background: #E5E9EB; padding: 80px 0;}
.secondary h3 { color: #00243C; margin: 0 0 30px;}
.call { padding: 50px; background: url('../images/bg-pattern.png') #002439;}
.call .button { margin: 0 auto; width: 300px;}
.footer { background: #0D2F46; color: #fff; padding-top: 10px; padding-bottom: 140px; overflow: hidden;}
.footer a { color: #ffffff;}
.footer h1 { color: #ff961a; font-size: 45px; margin-bottom: 15px;}
.footer h2 { font: 20px 'acp'; margin: 0 0 40px;}
.footer ul { list-style-type: none;}
.footer li { font: 15px 'bgm'; letter-spacing: 1px; line-height: 19px;}
.footer li a { color: #99a7b1;}
.container { width: 940px; max-width: 940px;}
.footer .container { width: 100%;}
label {

	font-weight: normal;}
input[type=text] {
	display: block;
	border: 1px solid #ddd;
	width: 50%;
	padding: 8px;
	font: 18px Arial, Helvetica, sans-serif;
	margin-bottom: 25px;}
textarea {}
.scroll-down {
	margin: 30px 0 0px;
	text-align: center;
	font: 20px 'bgm';}
.scroll-down p { margin: 0 0 7px;}
#scroll_notice.rotate-me p {
	font-size: 40px;}
#best_viewed {
	background: url('/assets/images/view-on-desktop.png') top left no-repeat;
	background-size: 37px;
	padding-left: 50px;
	position: absolute;
	z-index: 100;
	color: #fff;
	font: 20px 'bgm';
	line-height: 20px;
	width: 153px;
	height: 36px;
	top: 30px; 
	right: 30px;
	transition: opacity 0.2s linear;
	display: none;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper #best_viewed { background-size: 24px; font-size: 15px; line-height: 12px; top: 14px; padding-left: 18px; width: 135px; right: 0px;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper p, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper h3, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper h4 { width: 100%;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper form { width: 100%;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper p, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper h2, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper h4 { padding: 0 20px;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .c7b782bd788e86624b9eec45d36192133ad0ffa711205f24819ef4c709154bb4c { margin-bottom: 30px;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper #best_viewed { display: block;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .scroll-down { display: none;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .c78999a1285869ff0d67c29cf32c5c8803fa093cb41670f36c7691df154dcf274 img, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .c0059c28a9d3a4eb9cba550f5bf189824a83877124fa9f7d9afa2d19b55bacca1 video { width: 100%;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae { position: static !important; background: #222222 !important; padding: 20px 0 20px; color: #ffffff !important;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae p, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae h2 { margin: 0 0 10px; text-align: left !important; width: auto; font-size: 24px;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.title { position: absolute !important; top: 0; background: none !important; padding: 0;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.title h2 { line-height: 44px; font-size: 36px; padding-top: 0;}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.title h2, body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.title p { text-align: right !important;}
@media (max-width:399px){
	body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .c78999a1285869ff0d67c29cf32c5c8803fa093cb41670f36c7691df154dcf274.title { width: 250%; margin-left: -75%;}
}
@media (min-width:580px){
	
	body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.title h2 { line-height: 65px; font-size: 50px;}
}
body.ca96e3646173dc7cffd1d0bc1f43081c081197a6256a26a5dead17c4f0dbb2ee2 .story-wrapper .ccb21a8311d40b0412ae3f9c929a94964e5cc5d8162107d39e39e2d7fb6e74884 { display: none;}
body.c23fa17080eb034db8c2bc4924c06657496ad71a72cc2566fb76bce0914666bed .story-wrapper #best_viewed {
	opacity: 0.001;}
.story-wrapper #best_viewed p {
	width: auto;}
.story-glass-credit { padding-top: 4px;}
.story-glass-credit p {
	text-align: center;
	font-size: 16px;}
.story-glass-credit span { font: 30px 'bgm' sans-serif; padding-left: 4px;}
.story-glass-credit span a { color: #ff961a; text-decoration: none;}
.image-credit h4 { font-size: 16px; color: #ffffff; margin-bottom: 0px;}
.image-credit p { font-size: 14px; line-height: 20px;}
.page-pricing .main { padding-top: 35px; padding-bottom: 100px;}
.page-pricing .main h3 { margin: 15px 0 90px;}
.page-pricing .main h4 { line-height: 45px; margin: 0px 0px 25px; font-size: 40px;}
.main .price { font: 45px 'bgm'; color: #335063; margin: 28px 0;}
.main .price span { font-size: 28px;}
.number-large {
	font: 45px 'bgm';
	background: #ff961a;
	border: 3px solid #00243c;
	width: 62px;
	height: 62px;
	line-height: 56px;
	text-align: center;
	border-radius: 31px;}
.logo-integration {
	background: #ff961a;
	border: 3px solid #00243c;
	width: 215px;
	height: 215px;
	text-align: center;
	line-height: 204px;
	vertical-align: middle;
	border-radius: 108px;}
.page-about .main h3 { margin: 90px 0 30px;}
.bg-ipad {
	background: url('../images/bg-ipad.jpg') bottom right no-repeat;
	padding-bottom: 120px;}
.mugshot {
	background: #ff961a;
	border: 3px solid #00243c;
	width: 225px;
	height: 225px;
	border-radius: 113px;}
.page-about .mugshot {
	margin-top: 30px;}
.page-examples .banner { padding: 70px 0 40px;}
.example {
	margin: 7px auto;
	background: url('../images/bg-rapanui.jpg');
	background-size: cover;
	padding: 80px 0px 120px;
	max-width: 1110px;}
.example.maker { background-image: url('../images/bg-uav.jpg');}
.example.product-review { background-image: url('../images/bg-wakawaka.jpg'); color: #fff;}
.example.product-review h3 { color: #fff;}
.example.property-tour { background-image: url('../images/bg-smarthome.jpg');}
.example.portfolio { background-image: url('../images/bg-portfolio.jpg'); color: #fff;}
.example.portfolio h3 { color: #fff;}
.example.city-guide { background-image: url('../images/bg-cityguide.jpg');}
.example.business-profile { background-image: url('../images/bg-rapanui.jpg');}
.example h3 {
	margin: 0 0 30px;}
.example p {
	max-width: 480px;}
.example a.button {
	margin-top: 40px;
	width: 300px;}
.page-contact .main { padding: 50px 0px 80px;}
.page-contact textarea { width: 50% !important; height: 200px !important; border-color: #ddd; display: block;}
.page-contact button { width: 300px;}
html.story { overflow-y: scroll; overflow-x: hidden;}
html.story .header { position: fixed; top: 0px; z-index: 101; width: 100%;}
.story-wrapper {
	padding: 0 0 0px;}
.story-wrapper p {
	width: 600px;
	margin: 0 auto 40px;
	position: relative;
	z-index: 100;}
.story-wrapper > p {
	z-index: 3;}
.story-wrapper > h2 {
	width: 600px;
	margin: 60px auto 40px;
	font-size: 2em;}
.story-wrapper .c7b782bd788e86624b9eec45d36192133ad0ffa711205f24819ef4c709154bb4c {
	padding: 0px 0px;
	position: relative;
	overflow: hidden;
	margin-bottom: 45px;
	background: #000000;}
.story-wrapper .c78999a1285869ff0d67c29cf32c5c8803fa093cb41670f36c7691df154dcf274 , .story-wrapper .c0059c28a9d3a4eb9cba550f5bf189824a83877124fa9f7d9afa2d19b55bacca1 {
	width: 100%;
	position: relative;
	z-index: 5;
	background: #000;
	overflow: hidden;
	

	backface-visibility: hidden;}
.story-wrapper .c78999a1285869ff0d67c29cf32c5c8803fa093cb41670f36c7691df154dcf274 img , .story-wrapper .c0059c28a9d3a4eb9cba550f5bf189824a83877124fa9f7d9afa2d19b55bacca1 video {
	display: block;
	margin: 0 auto;}
.story-wrapper .c78999a1285869ff0d67c29cf32c5c8803fa093cb41670f36c7691df154dcf274 svg {
	display: block;
	margin: 0 auto;}
.story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae {
	color: #fff;
	text-shadow: 1px 1px 20px rgba(0,0,0,0.5);
	padding: 1px 0px;
	position: relative;
	z-index: 100;
	box-sizing: content-box;}
.story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae p {
	width: 480px;
	margin: 0 auto 0 10%;
	font: 36px 'bgm';}
.story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae h2 {
	
	margin: 0 auto 0 10%;
	font: 60px 'bgm';}
.story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.cbc8a8d3c092311eca5dfb27712b3948b1c3449094f6802121ecc425fcbde189b p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;}
.story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.c94b598550806d70f4e2232fb7bb09a48dfb24e8cad8aafa541fb2e2b849a96d7 p , .story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.c94b598550806d70f4e2232fb7bb09a48dfb24e8cad8aafa541fb2e2b849a96d7 h2 {
	margin-left: auto;
	margin-right: 10%;
	text-align: right;}
.story-wrapper .cb890e83aea61996b410a2508599eb945348f06e59702fab36e0f9bdc60f98eae.c5115e3c847cfb37101893896a5ed72f211fc910a77dc1d495c9fcb5b1ada3321 {
	text-shadow: none;
	color: #333333;}
.story-wrapper h3 {
	width: 600px;
	margin: 20px auto 30px;
	font-size: 36px;
	text-align: left;}
.story-wrapper h4 {
	width: 600px;
	margin: 80px auto 4px;
	font-size: 20px;}
.story-wrapper p.credits {
	font-size: 15px;
	line-height: 22px;}
.story-wrapper div.form {
	background: #EAEDEF;
	padding: 20px 0;
	margin-top: 80px;
	position: relative;
	z-index: 3;}
.story-wrapper form {
	width: 600px;
	display: block;
	margin: 0 auto;}
.story-wrapper form input[type=text] { width: 47%; float: left; margin-right: 3%; height: 52px;}
.story-wrapper form input[type=checkbox] { margin-right: 5px;}
.story-wrapper form label { width: 49%; font: 20px 'bgm'; color: #073D57; margin: 0 0 15px;}
.story-wrapper form button { width: 49%;}
.story-wrapper form input[type=checkbox]before{
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #000000;
	margin-top: -2px;
    content: "";
    background: #EAEDEF;
	cursor: pointer;}
.story-wrapper form input[type=checkbox]after{
    position: relative;
    left: 3px;
    top: -13px;
    width: 10px;
    height: 10px;
	background: #073D57;
	display: none;
    content: "";
	cursor: pointer;}
.story-wrapper form input[type=checkbox]checked:after{
	display: block;}
.story-wrapper .alert {
	background: #FF961A;
	width: 600px;
	margin: 0 auto 40px;
	border-radius: 0;}
.story-wrapper .alert h3 {
	color: #fff;
	margin: 0;
	font-size: 24px;}
html.story .marker {
	position: absolute;
	z-index: 200;
	width: 100px;
	left: 0px;
	height: 20px;
	color: #fff;
	background: #f00;
	font-size: 18px;
	line-height: 20px;}
html.story .marker2 {
	position: absolute;
	z-index: 200;
	width: auto;
	right: 0px;
	height: 20px;
	color: #fff;
	background: #090;
	font-size: 18px;
	line-height: 20px;}
html.story .footer {
	padding-bottom: 10px;}
.page-home #best_viewed { top: 145px;}
.page-home #scroll_notice h2 { color: #ff961a; font-size: 75px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
#scroll_notice {
	position: absolute;
	z-index: 10;
	width: 100%;
	text-align: center;
	padding-top: 200px;
	transition: opacity 0.2s linear;}
#scroll_notice .scroll-down { color: #ffffff;}
#scroll_notice .scroll-down p { margin-bottom: 7px;}
body.c23fa17080eb034db8c2bc4924c06657496ad71a72cc2566fb76bce0914666bed .story-wrapper #scroll_notice {
	opacity: 0.001;}
.page-contact label {
	font: 22px 'bgm';}
.alert-error { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.page-contact .alert-success h3 { margin: 0; font-size: 30px; color: #174E00;}
.page-contact .alert-error h3 { margin: 0; font-size: 30px; color: #8a6d3b;}
body.virtual-scroll .story-wrapper .c7b782bd788e86624b9eec45d36192133ad0ffa711205f24819ef4c709154bb4c {
	
	-webkit-transform: translate(0,0);
	transform: translate(0,0);}
body.virtual-scroll .story-wrapper .c7b782bd788e86624b9eec45d36192133ad0ffa711205f24819ef4c709154bb4c .c0059c28a9d3a4eb9cba550f5bf189824a83877124fa9f7d9afa2d19b55bacca1 {}
.cloak {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000000;
	opacity: 0.001;
	z-index: 2;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;}
.cloak.visible {
	opacity: 1;
	z-index: 4;}