/* CSS reset */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a:active,a:focus,a:hover,input:focus{outline:0}

body {
	background: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.4vw;
	line-height: 1.86vw;
	color:#404040;
	margin: 0;
}

/* Typography */
h1 {
	font-weight: bold;
	font-size: 5.12vw;
	line-height: 5.12vw;
	letter-spacing: -2px;
	color: #cc0000;
	padding: .5vw 1.5vw 1.5vw 1.5vw;
}

h2 {
	font-weight: normal;
	font-size: 3.84vw;
	line-height: 3.84vw;
	letter-spacing: -.08vw;
	color: #000000;
	padding: .6vw 1.5vw 2vw 1.2vw;

}

h3 {
	font-weight: normal;
	font-size: 2.8vw;
	line-height: 2.8vw;
	color: #cc0000;
	padding: 1.6vw;
}

h4 {
	font-weight: bold;
	font-size: 1.4vw;
	color: #cc0000;
	padding: 1.2vw 1.5vw 0 1.5vw;
}


h5 {
	font-size: .8vw;
	font-weight: bold;
	color: #cc0000;
	padding: 0 0 .5vw 0;
}
em {
	font-style: italic;
}

a {
	color: #cc0000;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

.highlight {
	color: #cc0000;
}

.pullquote {
	/*border: 1px solid red;*/
	font-size: 1.8vw;
	line-height: 2.4vw;
	font-style: italic;
	color: #999999;
	padding: 1.2vw 0 0 0;
}

.pullquote p {

}

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

/* Color palette  */
.black {
    color: #000 !important;
}

/* Structure  */

.wrapper {
	/*    background: url(img/watch-layout.jpg);*/
	position: relative;
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.car {
	color: #999999;
}

.page-bg {
	background-color: #edf0f5;
	width: 100%;
}

.left-border {
	border-left: 1px solid #cc0000;
}

p {
	padding: 0 1.5vw 1.5vw 1.5vw;
}

hr {
	height: 1px;
	border: 0;
	background-color: #7F7F7F;
	opacity: 0.2;
	width: 97%;
}

img {
	max-width:100%;
	vertical-align: top;
	height: auto;
}
.pad-top {
	padding-top: 1.5vw;
}
.img-border {
	border: 1px solid #666;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

ul.list-col li {
	padding: 0 0 0 0;
	overflow: hidden;
}

ul.list-col li p {
	padding-bottom: 0;
	padding-top: .2vw;
}

.purchase-tag {
	font-size: 1vw;
	line-height: 1.35vw;
	text-align: center;
	position: absolute;
	top:0;
	right: 0;
}

.purchase-tag img {
	display: block;
}

.purchase-tag a {
	text-decoration: underline;
}

.references {
	font-size: .768vw;
	line-height: 1.125vw;
	word-wrap: break-word;
	padding: 1vw;
}

.references ul {

}

.footer {
	padding: 2vw 0;
}

section {
	/*border: 1px solid yellow;*/
	position: relative;
}

.pos {
	position: absolute;
}

.blue {
	color: #00a1dd;
}

.red {
	color: #ed1c24;
}

/* Position */
.x1{left:4.1vw;}
.x2{left:8.2vw;}
.x3{left:12.3vw;}
.x4{left:16.4vw;}
.x5{left:20.51vw;}
.x6{left:24.61vw;}
.x7{left:28.71vw;}
.x8{left:32.81vw;}
.x9{left:36.91vw;}
.x10{left:41.01vw;}
.x11{left:45.11vw;}
.x12{left:49.21vw;}
.x13{left:53.32vw;}
.x14{left:57.42vw;}
.x15{left:61.52vw;}
.x16{left:65.62vw;}
.x17{left:69.72vw;}
.x18{left:73.82vw;}
.x19{left:77.92vw;}
.x20{left:82.02vw;}
.x21{left:86.12vw;}
.x22{left:90.23vw;}
.x23{left:94.33vw;}
.x24{left:98.43vw;}
.x25{left:102.53vw;}
.x26{left:106.63vw;}
.x27{left:110.73vw;}
.x28{left:114.83vw;}
.x29{left:118.93vw;}
.x30{left:123.03vw;}
.x31{left:127.14vw;}
.x32{left:131.24vw;}
.x33{left:135.34vw;}
.x34{left:139.44vw;}
.x35{left:143.54vw;}
.x36{left:147.64vw;}
.x37{left:151.74vw;}
.x38{left:155.84vw;}
.x39{left:159.95vw;}
.x40{left:164.05vw;}

.y1{top:4.1vw;}
.y2{top:8.2vw;}
.y3{top:12.3vw;}
.y4{top:16.4vw;}
.y5{top:20.51vw;}
.y6{top:24.61vw;}
.y7{top:28.71vw;}
.y8{top:32.81vw;}
.y9{top:36.91vw;}
.y10{top:41.01vw;}
.y11{top:45.11vw;}
.y12{top:49.21vw;}
.y13{top:53.32vw;}
.y14{top:57.42vw;}
.y15{top:61.52vw;}
.y16{top:65.62vw;}
.y17{top:69.72vw;}
.y18{top:73.82vw;}
.y19{top:77.92vw;}
.y20{top:82.02vw;}
.y21{top:86.12vw;}
.y22{top:90.23vw;}
.y23{top:94.33vw;}
.y24{top:98.43vw;}
.y25{top:102.53vw;}
.y26{top:106.63vw;}
.y27{top:110.73vw;}
.y28{top:114.83vw;}
.y29{top:118.93vw;}
.y30{top:123.03vw;}
.y31{top:127.14vw;}
.y32{top:131.24vw;}
.y33{top:135.34vw;}
.y34{top:139.44vw;}
.y35{top:143.54vw;}
.y36{top:147.64vw;}
.y37{top:151.74vw;}
.y38{top:155.84vw;}
.y39{top:159.95vw;}
.y40{top:164.05vw;}

/* Dimension */
.w1{width:4.1vw;}
.w2{width:8.2vw;}
.w3{width:12.3vw;}
.w4{width:16.4vw;}
.w5{width:20.51vw;}
.w6{width:24.61vw;}
.w7{width:28.71vw;}
.w8{width:32.81vw;}
.w9{width:36.91vw;}
.w10{width:41.01vw;}
.w11{width:45.11vw;}
.w12{width:49.21vw;}
.w13{width:53.32vw;}
.w14{width:57.42vw;}
.w15{width:61.52vw;}
.w16{width:65.62vw;}
.w17{width:69.72vw;}
.w18{width:73.82vw;}
.w19{width:77.92vw;}
.w20{width:82.02vw;}
.w21{width:86.12vw;}
.w22{width:90.23vw;}
.w23{width:94.33vw;}
.w24{width:98.43vw;}
.w25{width:102.53vw;}
.w26{width:106.63vw;}
.w27{width:110.73vw;}
.w28{width:114.83vw;}
.w29{width:118.93vw;}
.w30{width:123.03vw;}
.w31{width:127.14vw;}
.w32{width:131.24vw;}
.w33{width:135.34vw;}
.w34{width:139.44vw;}
.w35{width:143.54vw;}
.w36{width:147.64vw;}
.w37{width:151.74vw;}
.w38{width:155.84vw;}
.w39{width:159.95vw;}
.w40{width:164.05vw;}

.ht1{height:4.1vw;}
.ht2{height:8.2vw;}
.ht3{height:12.3vw;}
.ht4{height:16.4vw;}
.ht5{height:20.51vw;}
.ht6{height:24.61vw;}
.ht7{height:28.71vw;}
.ht8{height:32.81vw;}
.ht9{height:36.91vw;}
.ht10{height:41.01vw;}
.ht11{height:45.11vw;}
.ht12{height:49.21vw;}
.ht13{height:53.32vw;}
.ht14{height:57.42vw;}
.ht15{height:61.52vw;}
.ht16{height:65.62vw;}
.ht17{height:69.72vw;}
.ht18{height:73.82vw;}
.ht19{height:77.92vw;}
.ht20{height:82.02vw;}
.ht21{height:86.12vw;}
.ht22{height:90.23vw;}
.ht23{height:94.33vw;}
.ht24{height:98.43vw;}
.ht25{height:102.53vw;}
.ht26{height:106.63vw;}
.ht27{height:110.73vw;}
.ht28{height:114.83vw;}
.ht29{height:118.93vw;}
.ht30{height:123.03vw;}
.ht31{height:127.14vw;}
.ht32{height:131.24vw;}
.ht33{height:135.34vw;}
.ht34{height:139.44vw;}
.ht35{height:143.54vw;}
.ht36{height:147.64vw;}
.ht37{height:151.74vw;}
.ht38{height:155.84vw;}
.ht39{height:159.95vw;}
.ht40{height:164.05vw;}
.ht41{height:168.14vw;}
.ht42{height:172.24vw;}
.ht43{height:176.34vw;}
.ht44{height:180.44vw;}
.ht45{height:184.55vw;}
.ht46{height:188.65vw;}
.ht47{height:192.75vw;}
.ht48{height:196.85vw;}
.ht49{height:200.95vw;}
.ht50{height:205.05vw;}

/* Columns */

/* Separate columns */
.one-col-separate, .two-col-separate, .three-col-separate, .four-col-separate {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.one-col-separate li, .two-col-separate li, .three-col-separate li, .four-col-separate li {
	float: left;
}

.four-col-separate li {
	width: 25%;
}

.three-col-separate li {
	width: 33%;
}

.two-col-separate li {
	width: 50%;
}

.col {
	float: left;
	padding: 0 0 40px 0;
}

.one-third-col {
	width: 33%;
}

.two-thirds-col {
	width: 66%;
}

/* Dynamic columns */
.one-col-flow, .two-col-flow, .three-col-flow, .four-col-flow { /* container element */
	padding: 0 0 20px 0;
}

.two-col-flow {
	-webkit-columns: 2 300px;
	-moz-columns: 2 300px;
	columns: 2 300px;
}

.three-col-flow {
	-webkit-columns: 3 200px;
	-moz-columns: 3 200px;
	columns: 3 200px;
}

.four-col-flow {
	-webkit-columns: 4 100px;
	-moz-columns: 4 100px;
	columns: 4 100px;
}

.one-col-flow, .one-col-flow li, .two-col-flow, .two-col-flow li, .three-col-flow, .three-col-flow li, .four-col-flow, .four-col-flow li {
	margin: 0;
	list-style: none;
	padding: 0;
	float: none;

	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;

}

.one-col-flow h4, .two-col-flow h4, .three-col-flow h4, .four-col-flow h4 {
	padding: 0 4px 0 0;
}

.one-col-flow p:last-child, .two-col-flow p:last-child, .three-col-flow p:last-child, .four-col-flow p:last-child  {
	margin: 0;
}

.one-col-flow li, .two-col-flow li, .three-col-flow li, .four-col-flow li { /* list item */
	padding: 1px 0 9px 0;
}

.one-col-flow li p,  .two-col-flow li p, .three-col-flow li p, .four-col-flow li p { /* list item paragraph */
	/*  margin: 0; */
}

/* 3D scene */
.scene {
/*	background-image: url(scene-ui/360-icon.png);*/
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 35%;
	position: absolute;
	overflow: hidden;
}

.scnload {
	background-color: rgba(127,127,127,0.1);
	height: 100%;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#scene_1_container, #scene_2_container, #scene_3_container, #scene_4_container, #scene_5_container, #scene_6_container, #scene_7_container, #scene_8_container, #scene_9_container, #scene_10_container, #scene_11_container, #scene_12_container, #scene_13_container, #scene_14_container, #scene_15_container, #scene_16_container, #scene_17_container, #scene_18_container, #scene_19_container, #scene_20_container {
	position:absolute;
	left:0;
	right: 0;
	top:0;
	bottom: 0;
}

#scene_1_container {
    background-image: url(images/scene-1-bg.jpg);
    background-size: 100% 100%;
}
#scene_2_container {
    background-image: url(images/scene-2-bg.jpg);
    background-size: 100% 100%;
}
#scene_3_container {
    background-image: url(images/scene-3-bg.jpg);
    background-size: 100% 100%;
}

@media (orientation: landscape) {
	#scene_1_container, #scene_2_container, #scene_3_container, #scene_4_container, #scene_5_container, #scene_6_container, #scene_7_container, #scene_8_container, #scene_9_container, #scene_10_container, #scene_11_container, #scene_12_container, #scene_13_container, #scene_14_container, #scene_15_container, #scene_16_container, #scene_17_container, #scene_18_container, #scene_19_container, #scene_20_container {
		width: 100%;
	}
}

/* Scene UI */
.scene-ui {
	padding: 1.5vw 0 0 1.5vw;
	margin: 0 auto;
	list-style: none;
	z-index: 9999;
}

.scene-ui li {
	width: 6vw;
}

.scene-ui-icon {
	visibility: hidden;
	background: #000000;
	color: #7f7f7f;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: .75vw;
	border-radius: 5.47vw;
	border: 3px solid #7f7f7f;
}
.scene-ui-icon img {
	cursor: pointer;
}

.scene-ui-icon.active {
	background: #ffffff;
}

/* Responsive */

@media only screen and (min-width:320px) {
}

@media only screen and (min-width:480px) {
}

@media only screen and (min-width:768px) {
}

@media only screen and (min-width:1024px) {
}

@media only screen and (min-width:1140px) {
}

/* Wider than 1440px, mobile & tablet high DPI */
@media only screen and (min-width:1440px),
(max-width:320px) and (-webkit-min-device-pixel-ratio: 2),
(max-width:320px) and (min-device-pixel-ratio: 2),
(max-width:320px) and (min-resolution: 192dpi){

	body {
		font-size: 18px;
		line-height: 27px;
	}

	.wrapper {
		min-width: 1440px;
	}

	h1 {
		font-size: 80px;
		line-height: 80px;
		padding: 10px 20px 20px 20px;
	}

	h2 {
		font-size: 60px;
		line-height: 60px;
		letter-spacing: -1px;
		padding: 8px 20px 10px; 20px;
	}

	h3 {
		font-size: 40px;
		line-height: 40px;
		padding: 20px;
	}

	h4 {
		font-size: 18px;
		padding: 18px 20px 0 20px;
	}

	.pullquote {
		font-size: 24px;
		line-height: 34px;
		padding: 20px 0 0 0;
	}

	p {
		padding: 0px 20px 20px 20px;
	}

	.purchase-tag {
		font-size: 15px;
		line-height: 18px;
	}

	.references {
		font-size: 12px;
		line-height: 15px;
	}

	.scene-ui {
		padding: 20px 0 0 20px;
	}

	.scene-ui-icon {
		padding: 10px;
		border-radius: 80px;
	}
	.pad-top {
		padding-top: 20px;
	}

	/* Position */
	.x1{left:0;}
	.x1{left:60px;}
	.x2{left:120px;}
	.x3{left:180px;}
	.x4{left:240px;}
	.x5{left:300px;}
	.x6{left:360px;}
	.x7{left:420px;}
	.x8{left:480px;}
	.x9{left:540px;}
	.x10{left:600px;}
	.x11{left:660px;}
	.x12{left:720px;}
	.x13{left:780px;}
	.x14{left:840px;}
	.x15{left:900px;}
	.x16{left:960px;}
	.x17{left:1020px;}
	.x18{left:1080px;}
	.x19{left:1140px;}
	.x20{left:1200px;}
	.x21{left:1260px;}
	.x22{left:1320px;}
	.x23{left:1380px;}
	.x24{left:1440px;}

	.y0{top:0;}
	.y1{top:60px;}
	.y2{top:120px;}
	.y3{top:180px;}
	.y4{top:240px;}
	.y5{top:300px;}
	.y6{top:360px;}
	.y7{top:420px;}
	.y8{top:480px;}
	.y9{top:540px;}
	.y10{top:600px;}
	.y11{top:660px;}
	.y12{top:720px;}
	.y13{top:780px;}
	.y14{top:840px;}
	.y15{top:900px;}
	.y16{top:960px;}
	.y17{top:1020px;}
	.y18{top:1080px;}
	.y19{top:1140px;}
	.y20{top:1200px;}
	.y21{top:1260px;}
	.y22{top:1320px;}
	.y23{top:1380px;}
	.y24{top:1440px;}
	.y25{top:1500px;}
	.y26{top:1560px;}
	.y27{top:1620px;}
	.y28{top:1680px;}
	.y29{top:1740px;}
	.y30{top:1800px;}
	.y31{top:1860px;}
	.y32{top:1920px;}
	.y33{top:1980px;}
	.y34{top:2040px;}
	.y35{top:2100px;}
	.y36{top:2160px;}
	.y37{top:2220px;}
	.y38{top:2280px;}
	.y39{top:2340px;}
	.y40{top:2400px;}
	.y41{top:2460px;}
	.y42{top:2520px;}
	.y43{top:2580px;}
	.y44{top:2640px;}
	.y45{top:2700px;}
	.y46{top:2760px;}
	.y47{top:2820px;}
	.y48{top:2880px;}
	.y49{top:2940px;}
	.y50{top:3000px;}
	.y51{top:3060px;}
	.y52{top:3120px;}
	.y53{top:3180px;}
	.y54{top:3240px;}
	.y55{top:3300px;}
	.y56{top:3360px;}
	.y57{top:3420px;}
	.y58{top:3480px;}
	.y59{top:3540px;}
	.y60{top:3600px;}

	/* Dimension */
	.w1{width:60px;}
	.w2{width:120px;}
	.w3{width:180px;}
	.w4{width:240px;}
	.w5{width:300px;}
	.w6{width:360px;}
	.w7{width:420px;}
	.w8{width:480px;}
	.w9{width:540px;}
	.w10{width:600px;}
	.w11{width:660px;}
	.w12{width:720px;}
	.w13{width:780px;}
	.w14{width:840px;}
	.w15{width:900px;}
	.w16{width:960px;}
	.w17{width:1020px;}
	.w18{width:1080px;}
	.w19{width:1140px;}
	.w20{width:1200px;}
	.w21{width:1260px;}
	.w22{width:1320px;}
	.w23{width:1380px;}
	.w24{width:1440px;}
	.w25{width:1500px;}
	.w26{width:1560px;}
	.w27{width:1620px;}
	.w28{width:1680px;}
	.w29{width:1740px;}
	.w30{width:1800px;}
	.w31{width:1860px;}
	.w32{width:1920px;}
	.w33{width:1980px;}
	.w34{width:2040px;}
	.w35{width:2100px;}
	.w36{width:2160px;}
	.w37{width:2220px;}
	.w38{width:2280px;}
	.w39{width:2340px;}
	.w40{width:2400px;}

	.ht1{height:60px;}
	.ht2{height:120px;}
	.ht3{height:180px;}
	.ht4{height:240px;}
	.ht5{height:300px;}
	.ht6{height:360px;}
	.ht7{height:420px;}
	.ht8{height:480px;}
	.ht9{height:540px;}
	.ht10{height:600px;}
	.ht11{height:660px;}
	.ht12{height:720px;}
	.ht13{height:780px;}
	.ht14{height:840px;}
	.ht15{height:900px;}
	.ht16{height:960px;}
	.ht17{height:1020px;}
	.ht18{height:1080px;}
	.ht19{height:1140px;}
	.ht20{height:1200px;}
	.ht21{height:1260px;}
	.ht22{height:1320px;}
	.ht23{height:1380px;}
	.ht24{height:1440px;}
	.ht25{height:1500px;}
	.ht26{height:1560px;}
	.ht27{height:1620px;}
	.ht28{height:1680px;}
	.ht29{height:1740px;}
	.ht30{height:1800px;}
	.ht31{height:1860px;}
	.ht32{height:1920px;}
	.ht33{height:1980px;}
	.ht34{height:2040px;}
	.ht35{height:2100px;}
	.ht36{height:2160px;}
	.ht37{height:2220px;}
	.ht38{height:2280px;}
	.ht39{height:2340px;}
	.ht40{height:2400px;}
	.ht41{height:2460px;}
	.ht42{height:2520px;}
	.ht43{height:2580px;}
	.ht44{height:2640px;}
	.ht45{height:2700px;}
	.ht46{height:2760px;}
	.ht47{height:2820px;}
	.ht48{height:2880px;}
	.ht49{height:2940px;}
	.ht50{height:3000px;}

	}/* end 1440, mobile */

	/* Above 1440 */
	@media only screen and (min-width:1440px) {
		.scene-ui li {
			width: 50px;
		}
	}