* {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
*::after {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
*::before {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
body {
	font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 300;
}
body a {
	transition:0.1s; text-decoration: none; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s;
}
body a:hover {
	transition:0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s;
}
body a:active {
	transition:0.1s; transform: translateY(1px); -webkit-transition: 0.1s; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px); -moz-transition: 0.1s; -o-transition: 0.1s;
}
body b {
	font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 400;
}
body {
	-webkit-animation: bugfix infinite 1s;
}
button {
	outline: 0px;
}
input {
	outline: 0px;
}
select {
	outline: 0px;
}
.none {
	display: none;
}
.inside {
	margin: 0px auto; position: relative; max-width: 980px;
}
.intro {
	background: url("../img/intro-bg.png") no-repeat top rgb(255, 255, 255);
}
.intro h1 {
	margin: 0px; padding-top: 41px;
}
.intro .logo {
	color: rgb(124, 123, 117); text-transform: uppercase; padding-left: 80px; font-size: 28px; position: relative;
}
.intro .logo::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4756px; left: 0px; top: -7px; width: 71px; height: 47px; position: absolute; content: "";
}
.intro h2 {
	margin: 90px 0px 44px; color: rgb(118, 106, 93); line-height: 60px; font-size: 54px; font-weight: 300; max-width: 400px;
}
.intro .progress-bar {
	background: rgba(0, 0, 0, 0.2); border-radius: 2px; width: 351px; height: 6px; margin-left: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
}
.intro .progress-bar .progress {
	background: rgb(247, 157, 75); border-radius: 2px; transition:600ms cubic-bezier(0.245, 0.425, 0.68, 0.245); width: 0%; height: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition: all 600ms cubic-bezier(0.245, 0.425, 0.68, 0.245); -moz-transition: all 600ms cubic-bezier(0.245, 0.425, 0.68, 0.245); -o-transition: all 600ms cubic-bezier(0.245, 0.425, 0.68, 0.245); -ms-border-radius: 2px; -o-border-radius: 2px;
}
.intro .progress-data {
	margin: 13px 0px 45px 3px; color: rgb(117, 105, 93); overflow: hidden; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 13px; font-weight: 400;
}
.intro .progress-data .data {
	margin-right: 70px; float: left;
}
.intro .progress-data .amount {
	font-size: 22px;
}
.intro .progress-data .money-amount::before {
	content: "$";
}
.intro .social {
	top: 53px; right: 0px; position: absolute;
}
.intro .preorder {
	background: rgb(253, 168, 85); margin: 0px 0px 11px; border-radius: 6px; transition:background 0.3s; width: 256px; height: 70px; text-align: center; color: white; line-height: 66px; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 22px; font-weight: 400; display: block; box-shadow: inset 0px -3px 0px rgba(0,0,0,0.07); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -ms-border-radius: 6px; -o-border-radius: 6px;
}
.intro .preorder:hover {
	background: rgb(255, 186, 81); transition:background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;
}
.intro .preorder:active {
	background: rgb(255, 186, 81); box-shadow: inset 0px -2px 0px rgba(0,0,0,0.07); transform: translateY(1px); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px);
}
.intro .partnership {
	margin: 0px 0px 130px 3px; transition:color 0.3s; color: rgb(117, 105, 93); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 14px; font-weight: 400; display: inline-block; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s;
}
.intro .partnership::after {
	background: rgb(117, 105, 93); left: 0px; width: 100%; height: 1px; bottom: 1px; position: absolute; content: ""; opacity: 0.3;
}
.intro .partnership:hover {
	transition:color 0.3s; color: rgb(148, 148, 148); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s;
}
.intro .partnership:hover::after {
	height: 0px;
}
.intro .play {
	left: 428px; top: 279px; position: absolute;
}
.intro .play .inner-circle {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExOCAxMTgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ODg0YyIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjc5ZDRiIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTgiIGhlaWdodD0iMTE4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=") rgb(248, 160, 63); border-radius: 100px; transition:0.1s; left: 6px; top: 6px; width: 118px; height: 118px; display: block; position: absolute; -webkit-border-radius: 100px; -moz-border-radius: 100px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.inner-circle {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDExOCAxMTgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ODg0YyIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjc5ZDRiIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMTgiIGhlaWdodD0iMTE4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=") rgb(248, 160, 63); border-radius: 100px; transition:0.1s; left: 6px; top: 6px; width: 83px; height: 83px; display: block; position: absolute; -webkit-border-radius: 100px; -moz-border-radius: 100px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.intro .play .outer-circle {
	border-radius: 100px; border: 2px solid rgb(248, 160, 63); transition:0.1s; animation:play-pulse 2s linear infinite; border-image: none; left: 6px; top: 6px; width: 118px; height: 118px; display: block; position: absolute; opacity: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-animation: play-pulse 2s infinite linear; -ms-border-radius: 100px; -o-border-radius: 100px; -moz-animation: play-pulse 2s infinite linear; -o-animation: play-pulse 2s infinite linear;
}
.outer-circle {
	border-radius: 100px; border: 2px solid rgb(248, 160, 63); transition:0.1s; animation:play-pulse 2s linear infinite; border-image: none; left: 6px; top: 6px; width: 83px; height: 83px; display: block; position: absolute; opacity: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-animation: play-pulse 2s infinite linear; -ms-border-radius: 100px; -o-border-radius: 100px; -moz-animation: play-pulse 2s infinite linear; -o-animation: play-pulse 2s infinite linear;
}
.intro .play .arrow {
	background: url("http://tektronix.gcsmarket.com/marketo/curveball/images/LagunaLaunch-HERO-PLAY-button-off.png") 0px; left: 52px; top: 40px; width: 31px; height: 45px; display: block; position: absolute;
}
.arrow {
	background: url("http://tektronix.gcsmarket.com/marketo/curveball/images/Curveball-PlayArrow-white-35x35.png"); left: 36px; top: 30px; width: 35px; height: 35px; display: block; position: absolute;
}
.intro .play:hover .inner-circle {
	background: rgb(252, 186, 97); border-radius: 63px; transition:0.1s; left: 2px; top: 2px; width: 126px; height: 126px; -webkit-border-radius: 63px; -moz-border-radius: 63px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -ms-border-radius: 63px; -o-border-radius: 63px;
}
.intro .play:hover .outer-circle {
	border-radius: 69px; border: 2px solid rgb(252, 186, 97); transition:0.1s; border-image: none; left: 2px; top: 2px; width: 126px; height: 126px; -webkit-border-radius: 69px; -moz-border-radius: 69px; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -ms-border-radius: 69px; -o-border-radius: 69px;
}
.intro .controller {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -705px; left: 50%; top: 103px; width: 392px; height: 497px; margin-left: 135px; position: absolute; cursor: pointer;
}
.intro .controller .sunset {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3373px; left: 80px; top: 250px; width: 150px; height: 78px; position: absolute; opacity: 0;
}
.intro .controller .show.sunset {
	transition:opacity 0.8s ease-out, top 0.8s ease-out; top: 195px; opacity: 1; -webkit-transition: opacity 0.8s ease-out, top 0.8s ease-out; -moz-transition: opacity 0.8s ease-out, top 0.8s ease-out; -o-transition: opacity 0.8s ease-out, top 0.8s ease-out;
}
.reviews {
	overflow: hidden;
}
.reviews .review {
	width: 196px; height: 92px; text-indent: -999em; float: left;
}
.reviews .review1 {
	background: url("../img/review1.png") no-repeat center;
}
.reviews .review2 {
	background: url("../img/review2.png") no-repeat center;
}
.reviews .review3 {
	background: url("../img/review3.png") no-repeat center;
}
.reviews .review4 {
	background: url("../img/review4.png") no-repeat center;
}
.reviews .review5 {
	background: url("../img/review5.png") no-repeat center;
}
.visualizations {
	height: 770px; position: relative;
}
.visualizations h2 {
	margin: 0px 0px 32px 10px; transition:opacity 0.3s; color: white; line-height: 54px; padding-top: 150px; font-size: 42px; font-weight: 300; position: relative; z-index: 5; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations h2.hide {
	transition:opacity 0.3s; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations h2 span {
	font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 400;
}
.visualizations .roles {
	transition:opacity 0.5s; overflow: hidden; display: inline-block; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.visualizations .hide.roles {
	transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.visualizations .role {
	outline: 0px; width: 90px; text-align: center; color: white; line-height: 16px; padding-top: 88px; font-size: 14px; float: left; position: relative;
}
.visualizations .role::before {
	transition:opacity 0.3s; top: 35px; font-family: "icomoon"; font-size: 83px; position: absolute; opacity: 0.6; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations .selected.role::before {
	transition:opacity 0.3s; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations .role:hover::before {
	transition:opacity 0.3s; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations .selected.role span {
	transition:opacity 0.3s; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations .role:hover span {
	transition:opacity 0.3s; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations .role1.role::before {
	left: 1px; content: "c";
}
.visualizations .role2.role::before {
	left: 4px; content: "a";
}
.visualizations .role3.role::before {
	left: 4px; content: "b";
}
.visualizations .controller-hover {
	transition:opacity 0.5s; top: 45.3%; width: 200px; height: 200px; right: 30.6%; visibility: visible; position: absolute; cursor: pointer; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.visualizations .hide.controller-hover {
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear, opacity 0.5s ease-out; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -webkit-transition-delay: 0.5s, 0s;
}
.visualizations .controller-hover .pulse-circle {
	border-radius: 100px; transition:opacity 0.5s ease-out; animation:controller-pulse 5s linear infinite; left: 40px; top: 31px; width: 130px; height: 130px; position: absolute; box-shadow: 0px 0px 57px rgba(255,255,255,0.75), inset 0px 0px 40px rgba(255,255,255,0.75); -webkit-box-shadow: 0 0 57px rgba(255, 255, 255, 0.75), inset 0 0 40px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0 0 57px rgba(255, 255, 255, 0.75), inset 0 0 40px rgba(255, 255, 255, 0.75); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -webkit-animation: controller-pulse 5s infinite linear; -moz-animation: controller-pulse 5s infinite linear; -o-animation: controller-pulse 5s infinite linear;
}
.visualizations .controller-hover .pulse-circle-second {
	animation:controller-pulse 5s linear 2.6s infinite; -webkit-animation: controller-pulse 5s infinite 2.6s linear; -moz-animation: controller-pulse 5s infinite 2.6s linear; -o-animation: controller-pulse 5s infinite 2.6s linear;
}
.visualizations .room-hover1 {
	background: none; width: 370px; height: 120px; visibility: visible; position: absolute;
}
.visualizations .hide.room-hover1 {
	visibility: hidden;
}
.visualizations .room-hover2 {
	background: none; transition:opacity 0.5s 0.2s; width: 460px; height: 210px; visibility: visible; position: absolute; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s 0.2s; -o-transition: opacity 0.5s 0.2s; -webkit-transition-delay: 0.2s;
}
.visualizations .hide.room-hover2 {
	visibility: hidden;
}
.visualizations .bg {
	transition:opacity 2s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s;
}
.visualizations .show.bg {
	transition:opacity 2s; opacity: 1; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s;
}
.visualizations .ambient {
	background: url("../img/ambient.jpg") no-repeat center / cover;
}
.visualizations .on {
	background: url("../img/on.jpg") no-repeat center / cover;
}
.visualizations .off {
	background: url("../img/off.jpg") no-repeat center / cover;
}
.visualizations .night {
	background: url("../img/night.jpg") no-repeat center / cover;
}
.visualizations .light {
	background: url("../img/light.jpg") no-repeat center / cover;
}
.visualizations .outside {
	background: url("../img/outside.jpg") no-repeat bottom / cover;
}
.visualizations .lighten-room {
	transition:0.8s; width: 50%; height: 385px; bottom: 0px; display: block; position: absolute; opacity: 0; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s;
}
.visualizations .hide.lighten-room {
	visibility: hidden;
}
.visualizations .visible.lighten-room {
	transition:0.8s; opacity: 1; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s;
}
.visualizations #left-room-lighten {
	background: url("../img/left-room.jpg") no-repeat right bottom / cover; right: 50%;
}
.visualizations #right-room-lighten {
	background: url("../img/right-room.jpg") no-repeat left bottom / cover; left: 50%; width: 48%;
}
.visualizations .dots {
	left: 50%; width: 66px; height: 14px; bottom: 28px; overflow: hidden; margin-left: -33px; position: absolute;
}
.visualizations .dots .dot {
	border-radius: 50px; border: 2px solid white; transition:opacity 0.3s; border-image: none; width: 13px; height: 13px; margin-right: 13px; float: left; opacity: 0.4; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.visualizations .dots :last-child.dot {
	margin-right: 0px;
}
.visualizations .dots .active.dot {
	background: white; transition:opacity 0.3s; opacity: 0.8; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.timeline {
	overflow: hidden; position: relative; z-index: 2;
}
.timeline .inside {
	max-width: 1200px;
}
.fixed.timeline .timeline-controller {
	position: fixed;
}
.fixed.timeline .clocks {
	position: fixed;
}
.fixed.timeline .timeline-bg {
	position: fixed;
}
.fixed.timeline .vertical-line {
	position: fixed;
}
.done.timeline .timeline-controller {
	left: 50%; top: auto; bottom: 154px; margin-left: -548px;
}
.done.timeline .clocks {
	left: 50%; top: auto; bottom: 365px; margin-left: -65px;
}
.done.timeline .timeline-bg {
	left: 0px; top: auto; bottom: 0px; position: absolute;
}
.timeline .timeline-bg {
	transition:opacity 0.8s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; opacity: 0; transform: translate3d(0px, 0px, 0px); -webkit-transition: opacity 0.8s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transition: opacity 0.8s ease-out; -o-transition: opacity 0.8s ease-out;
}
.timeline .show.timeline-bg {
	transition:opacity 0.8s ease-out; opacity: 1; -webkit-transition: opacity 0.8s ease-out; -moz-transition: opacity 0.8s ease-out; -o-transition: opacity 0.8s ease-out;
}
.timeline .timeline-bg1.timeline-bg {
	background: -ms-linear-gradient(top left, rgb(255, 86, 47) 0%, rgb(255, 148, 68) 100%);
}
.timeline .timeline-bg2.timeline-bg {
	background: -ms-linear-gradient(top left, rgb(255, 197, 87) 0%, rgb(255, 155, 47) 100%);
}
.timeline .timeline-bg3.timeline-bg {
	background: -ms-linear-gradient(top left, rgb(147, 95, 103) 0%, rgb(188, 66, 53) 100%);
}
.timeline .timeline-bg4.timeline-bg {
	background: -ms-linear-gradient(top left, rgb(114, 51, 98) 0%, rgb(157, 34, 60) 100%);
}
.timeline .timeline-bg5.timeline-bg {
	background: -ms-linear-gradient(top left, rgb(74, 46, 109) 0%, rgb(36, 37, 64) 100%);
}
.timeline .timeline-bg6.timeline-bg {
	background: -ms-linear-gradient(top left, rgb(83, 50, 124) 0%, rgb(50, 45, 97) 100%);
}
.timeline .timeline-bg7.timeline-bg {
	background: rgb(66, 67, 143);
}
.timeline .inside {
	overflow: hidden;
}
.timeline .timeline-controller {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -2576px; left: 50%; top: 132px; width: 418px; height: 532px; margin-left: -548px; position: absolute; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.timeline .timeline-controller .mode-icon {
	transition:opacity 0.3s ease-out; position: absolute; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out;
}
.timeline .timeline-controller .show.mode-icon {
	transition:opacity 0.3s ease-out; opacity: 1; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out;
}
.timeline .timeline-controller .mode-icon1 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3289px; left: 170px; top: 200px; width: 165px; height: 84px;
}
.timeline .timeline-controller .mode-icon2 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4557px; left: 210px; top: 180px; width: 99px; height: 139px;
}
.timeline .timeline-controller .mode-icon3 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4418px; left: 210px; top: 180px; width: 99px; height: 139px;
}
.timeline .timeline-controller .mode-icon4 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3669px; left: 185px; top: 160px; width: 146px; height: 168px;
}
.timeline .timeline-controller .mode-icon5 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3108px; left: 190px; top: 160px; width: 139px; height: 181px;
}
.timeline .timeline-controller .mode-icon6 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4049px; left: 220px; top: 180px; width: 89px; height: 128px;
}
.timeline .timeline-controller .mode-icon7 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4271px; left: 200px; top: 180px; width: 122px; height: 147px;
}
.timeline .vertical-line {
	background: rgba(255, 255, 255, 0.25); left: 50%; top: 0px; width: 2px; height: 307px; position: absolute;
}
.timeline .clocks {
	border-radius: 67px / 68px 68px 67px 67px; border: 2px solid rgba(255, 255, 255, 0.26); border-image: none; left: 50%; top: 0px; width: 135px; height: 135px; text-align: center; color: white; line-height: 125px; font-size: 30px; margin-left: -65px; position: absolute; -webkit-border-radius: 67px/68px 68px 67px 67px; -moz-border-radius: 67px/68px 68px 67px 67px; -ms-border-radius: 67px/68px 68px 67px 67px; -o-border-radius: 67px/68px 68px 67px 67px;
}
.timeline .away.clocks {
	line-height: 125px;
}
.timeline .clocks .time {
	left: 2px; top: 0px; width: 130px; height: 20px; text-align: center; font-size: 34px; position: absolute;
}
.timeline .clocks .time .colon {
	background: url("../img/colon.png") no-repeat 6px 1px; width: 14px; height: 20px; display: inline-block;
}
.timeline .clocks .forenoon {
	left: 53px; top: 33px; font-size: 14px; position: absolute;
}
.timeline .modes {
	margin: 0px; line-height: 50px; float: right;
}
.timeline .modes .mode {
	margin: 0px; width: 480px; color: white; padding-top: 264px; font-size: 42px;
}
.timeline .modes :last-child.mode {
	padding-bottom: 264px;
}
.timeline .modes .mode b {
	font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 400;
}
.tech-spec {
	background: rgb(38, 39, 41); height: 770px; overflow: hidden;
}
.current.tech-spec .part1 {
	transition:left 1.2s ease-in-out, opacity 1s ease-in 0.3s; left: 74px; opacity: 0.6; -webkit-transition: left 1.2s ease-in-out, opacity 1s ease-in; -moz-transition: left 1.2s ease-in-out, opacity 1s ease-in 0.3s; -o-transition: left 1.2s ease-in-out, opacity 1s ease-in 0.3s; -webkit-transition-delay: 0s, 0.3s;
}
.current.tech-spec .part3 {
	transition:left 1.2s ease-in-out; left: 457px; -webkit-transition: left 1.2s ease-in-out; -moz-transition: left 1.2s ease-in-out; -o-transition: left 1.2s ease-in-out;
}
.current.tech-spec .dot-with-circle1 {
	transition:opacity 0.6s 1.3s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 1.3s; -o-transition: opacity 0.6s 1.3s; -webkit-transition-delay: 1.3s;
}
.current.tech-spec .dot-with-circle2 {
	transition:opacity 0.6s 1.6s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 1.6s; -o-transition: opacity 0.6s 1.6s; -webkit-transition-delay: 1.6s;
}
.current.tech-spec .dot-with-circle3 {
	transition:opacity 0.6s 1.9s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 1.9s; -o-transition: opacity 0.6s 1.9s; -webkit-transition-delay: 1.9s;
}
.current.tech-spec .dot-with-circle4 {
	transition:opacity 0.6s 2.2s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 2.2s; -o-transition: opacity 0.6s 2.2s; -webkit-transition-delay: 2.2s;
}
.current.tech-spec .dot-with-circle5 {
	transition:opacity 0.6s 2.5s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 2.5s; -o-transition: opacity 0.6s 2.5s; -webkit-transition-delay: 2.5s;
}
.current.tech-spec .dot-with-circle6 {
	transition:opacity 0.6s 2.8s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 2.8s; -o-transition: opacity 0.6s 2.8s; -webkit-transition-delay: 2.8s;
}
.current.tech-spec .dot-with-circle7 {
	transition:opacity 0.6s 3.1s; opacity: 1; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s 3.1s; -o-transition: opacity 0.6s 3.1s; -webkit-transition-delay: 3.1s;
}
.current.tech-spec .dot-with-circle {
	visibility: visible;
}
.current.tech-spec .dot-with-circle .dot {
	pointer-events: auto;
}
.tech-spec h2 {
	margin: 0px; text-align: center; color: rgb(146, 143, 137); padding-top: 95px; font-size: 42px; font-weight: 300;
}
.tech-spec .part {
	position: absolute;
}
.tech-spec .part1 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -1871px; transition:left 1.2s ease-in-out, opacity 1s ease-in 0.3s; left: 244px; top: 199px; width: 503px; height: 705px; opacity: 1; -webkit-transition: left 1.2s ease-in-out, opacity 1s ease-in; -moz-transition: left 1.2s ease-in-out, opacity 1s ease-in 0.3s; -o-transition: left 1.2s ease-in-out, opacity 1s ease-in 0.3s; -webkit-transition-delay: 0s, 0.3s;
}
.tech-spec .part2 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px 0px; left: 249px; top: 199px; width: 523px; height: 705px;
}
.tech-spec .part3 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -1202px; transition:left 1.2s ease-in-out; left: 287px; top: 217px; width: 484px; height: 669px; -webkit-transition: left 1.2s ease-in-out; -moz-transition: left 1.2s ease-in-out; -o-transition: left 1.2s ease-in-out;
}
.tech-spec .dot-with-circle {
	transition:visibility 0s linear 0.6s, opacity 0.6s; width: 39px; height: 39px; overflow: hidden; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: visibility 0s linear, opacity 0.6s; -moz-transition: visibility 0s linear 0.6s, opacity 0.6s; -o-transition: visibility 0s linear 0.6s, opacity 0.6s; -webkit-transition-delay: 0.6s, 0s;
}
.tech-spec .dot-with-circle1.dot-with-circle {
	left: 75px; top: 264px;
}
.tech-spec .dot-with-circle1.dot-with-circle .circle {
	animation:pulse 2.1s infinite; -webkit-animation: pulse 2.1s infinite; -moz-animation: pulse 2.1s infinite; -o-animation: pulse 2.1s infinite;
}
.tech-spec .dot-with-circle2.dot-with-circle {
	left: 447px; top: 352px;
}
.tech-spec .dot-with-circle2.dot-with-circle .circle {
	animation:pulse 2.1s 0.4s infinite; -webkit-animation: pulse 2.1s infinite 0.4s; -moz-animation: pulse 2.1s infinite 0.4s; -o-animation: pulse 2.1s infinite 0.4s;
}
.tech-spec .dot-with-circle3.dot-with-circle {
	left: 447px; top: 707px;
}
.tech-spec .dot-with-circle3.dot-with-circle .circle {
	animation:pulse 2.1s 0.8s infinite; -webkit-animation: pulse 2.1s infinite 0.8s; -moz-animation: pulse 2.1s infinite 0.8s; -o-animation: pulse 2.1s infinite 0.8s;
}
.tech-spec .dot-with-circle4.dot-with-circle {
	left: 617px; top: 382px;
}
.tech-spec .dot-with-circle4.dot-with-circle .circle {
	animation:pulse 2.1s 1.2s infinite; -webkit-animation: pulse 2.1s infinite 1.2s; -moz-animation: pulse 2.1s infinite 1.2s; -o-animation: pulse 2.1s infinite 1.2s;
}
.tech-spec .dot-with-circle5.dot-with-circle {
	left: 646px; top: 274px;
}
.tech-spec .dot-with-circle5.dot-with-circle .circle {
	animation:pulse 2.1s 1.6s infinite; -webkit-animation: pulse 2.1s infinite 1.6s; -moz-animation: pulse 2.1s infinite 1.6s; -o-animation: pulse 2.1s infinite 1.6s;
}
.tech-spec .dot-with-circle6.dot-with-circle {
	left: 739px; top: 651px;
}
.tech-spec .dot-with-circle6.dot-with-circle .circle {
	animation:pulse 2.1s 2s infinite; -webkit-animation: pulse 2.1s infinite 2s; -moz-animation: pulse 2.1s infinite 2s; -o-animation: pulse 2.1s infinite 2s;
}
.tech-spec .dot-with-circle7.dot-with-circle {
	left: 867px; top: 238px;
}
.tech-spec .dot-with-circle7.dot-with-circle .circle {
	animation:pulse 2.1s 2.4s infinite; -webkit-animation: pulse 2.1s infinite 2.4s; -moz-animation: pulse 2.1s infinite 2.4s; -o-animation: pulse 2.1s infinite 2.4s;
}
.tech-spec .dot-with-circle .dot {
	background: rgb(236, 130, 31); border-radius: 50px; transition:background 0.2s; left: 13px; top: 13px; width: 13px; height: 13px; position: absolute; z-index: 3; pointer-events: none; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.tech-spec .dot-with-circle:hover .dot {
	background: white; transition:background 0.2s; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.tech-spec .dot-with-circle .circle {
	transform-origin: center 50%; border-radius: 50px; border: 2px solid rgb(236, 130, 31); border-image: none; left: 0px; top: 0px; width: 39px; height: 39px; position: absolute; pointer-events: none; x-index: 2; -webkit-transform-origin: center 50%; -moz-transform-origin: center 50%; -o-transform-origin: center 50%;
}
.tech-spec .description {
	width: 335px; position: absolute;
}
.tech-spec .description .line-container {
	transition:width 1s; position: absolute; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s;
}
.tech-spec .description .line-container .connection-line {
	background: white; transition:width 0.15s linear 0.38s; width: 0px; height: 1px; -webkit-transition: width 0.15s 0.38s; -moz-transition: width 0.15s 0.38s linear; -o-transition: width 0.15s 0.38s linear; -webkit-transition-delay: linear;
}
.tech-spec .description .description-content {
	width: 260px;
}
.tech-spec .description h4 {
	margin: 0px 0px 4px 2px; transition:opacity 0.4s; color: rgb(226, 226, 226); text-transform: uppercase; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 17px; font-weight: 400; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s;
}
.tech-spec .description .rot.hor-line-container {
	transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.tech-spec .description .hor-line-container .line {
	background: white; transition:width 0.4s linear; width: 0px; height: 1px; display: block; -webkit-transition: width 0.4s linear; -moz-transition: width 0.4s linear; -o-transition: width 0.4s linear;
}
.tech-spec .description p {
	margin: 5px 3px; transition:opacity 0.4s; color: rgb(156, 156, 156); line-height: 18px; font-size: 15px; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s;
}
.tech-spec .current.description1 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description2 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description3 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description4 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description5 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description6 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description7 .line-container .connection-line {
	transition:width 0.15s linear; width: 100%; -webkit-transition: width 0.15s linear; -moz-transition: width 0.15s linear; -o-transition: width 0.15s linear;
}
.tech-spec .current.description1 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description2 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description3 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description4 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description5 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description6 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description7 .line {
	transition:width 0.4s linear 0.13s; width: 260px; -webkit-transition: width 0.4s 0.13s; -moz-transition: width 0.4s 0.13s linear; -o-transition: width 0.4s 0.13s linear; -webkit-transition-delay: linear;
}
.tech-spec .current.description1 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description2 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description3 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description4 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description5 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description6 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description7 h4 {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description1 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description2 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description3 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description4 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description5 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description6 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .current.description7 p {
	transition:opacity 0.4s 0.4s; opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; -webkit-transition-delay: 0.4s;
}
.tech-spec .description1 {
	left: 88px; top: 314px; text-align: right;
}
.tech-spec .description1 .description-content {
	float: right;
}
.tech-spec .description1 .line-container {
	left: 0px; top: 0px; width: 85px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg);
}
.tech-spec .description2 {
	left: 14px; top: 400px; text-align: left;
}
.tech-spec .description2 .description-content {
	float: left;
}
.tech-spec .description2 .line-container {
	left: 254px; top: 0px; width: 198px; transform: rotate(164deg); -webkit-transform: rotate(164deg); -moz-transform: rotate(164deg); -o-transform: rotate(164deg);
}
.tech-spec .description3 {
	left: 28px; top: 654px; text-align: left;
}
.tech-spec .description3 .description-content {
	float: left;
}
.tech-spec .description3 .line-container {
	left: 257px; top: 49px; width: 180px; transform: rotate(194deg); -webkit-transform: rotate(194deg); -moz-transform: rotate(194deg); -o-transform: rotate(194deg);
}
.tech-spec .description4 {
	left: 325px; top: 481px; text-align: left;
}
.tech-spec .description4 .description-content {
	float: left;
}
.tech-spec .description4 .line-container {
	left: 228px; top: -23px; width: 113px; transform: rotate(115.999992deg); -webkit-transform: rotate(116deg); -moz-transform: rotate(116deg); -o-transform: rotate(116deg);
}
.tech-spec .description5 {
	left: 660px; top: 395px; text-align: right;
}
.tech-spec .description5 .description-content {
	float: right;
}
.tech-spec .description5 .line-container {
	left: -31px; top: -37px; width: 145px; transform: rotate(62.000004deg); -webkit-transform: rotate(62deg); -moz-transform: rotate(62deg); -o-transform: rotate(62deg);
}
.tech-spec .description6 {
	left: 391px; top: 606px; text-align: left;
}
.tech-spec .description6 .description-content {
	float: left;
}
.tech-spec .description6 .line-container {
	left: 257px; top: 45px; width: 110px; transform: rotate(199deg); -webkit-transform: rotate(199deg); -moz-transform: rotate(199deg); -o-transform: rotate(199deg);
}
.tech-spec .description7 {
	left: 449px; top: 185px; text-align: left;
}
.tech-spec .description7 .description-content {
	float: left;
}
.tech-spec .description7 .line-container {
	left: 257px; top: 49px; width: 185px; transform: rotate(194deg); -webkit-transform: rotate(194deg); -moz-transform: rotate(194deg); -o-transform: rotate(194deg);
}
.works-with {
	color: rgb(120, 117, 113); padding-bottom: 100px; border-bottom-color: rgb(231, 231, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.works-with .inside {
	overflow: hidden;
}
.works-with h2 {
	margin: 93px 0px 59px; text-align: center; font-size: 42px; font-weight: 300;
}
.works-with .bulb-company {
	opacity: 0.41;
}
.works-with .bulb-company#ilumi {
	margin-left: 137px;
}
.works-with .bulb-company#philips-hue {
	margin-left: 170px;
}
.works-with .bulb-company#lifx {
	margin-left: 89px;
}
.how-it-works {
	color: rgb(120, 117, 113);
}
.how-it-works .inside {
	overflow: hidden;
}
.how-it-works h2 {
	margin: 93px 0px 59px; text-align: center; font-size: 42px; font-weight: 300;
}
.how-it-works h2.faq {
	margin: 82px 0px 66px;
}
.how-it-works .steps {
	text-align: center; overflow: hidden;
}
.how-it-works .steps a {
	transition:color 0.2s; color: rgb(120, 117, 113); -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s;
}
.how-it-works .steps a:hover {
	transition:color 0.2s; color: rgb(248, 164, 86); -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s;
}
.how-it-works .steps a.selected {
	transition:color 0.2s; color: rgb(248, 164, 86); -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s;
}
.how-it-works .steps .step {
	padding: 150px 30px 0px; width: 33%; font-size: 22px; font-weight: 300; float: left; position: relative;
}
.how-it-works .steps .step .goldee-switcher {
	transition:opacity 0.4s; left: 122px; top: 15px; position: absolute; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s;
}
.how-it-works .steps .us.step1::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5490px; left: 136px; top: 15px; width: 63px; height: 93px; position: absolute; content: "";
}
.how-it-works .steps .uk.step1::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5264px; left: 125px; top: 21px; width: 75px; height: 75px; position: absolute; content: "";
}
.how-it-works .steps .uk.step1 .goldee-switcher {
	left: 116px; top: 18px;
}
.how-it-works .steps .eu.step1::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5339px; left: 125px; top: 21px; width: 75px; height: 75px; position: absolute; content: "";
}
.how-it-works .steps .eu.step1 .goldee-switcher {
	left: 116px; top: 18px;
}
.how-it-works .steps .step2::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5109px; left: 131px; top: 16px; width: 50px; height: 94px; position: absolute; content: "";
}
.how-it-works .steps .step3::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5018px; left: 117px; top: 12px; width: 88px; height: 91px; position: absolute; content: "";
}
.how-it-works .pointer-line {
	background: rgb(231, 231, 231); left: 0px; top: 510px; width: 100%; height: 1px; display: none; position: absolute;
}
.how-it-works .pointer-line .pointer {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5583px; top: -26px; width: 51px; height: 29px; position: absolute;
}
.how-it-works .pointer-line .pos1.pointer {
	transition:left 0.5s; left: 140px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s;
}
.how-it-works .pointer-line .pos2.pointer {
	transition:left 0.5s; left: 460px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s;
}
.how-it-works .pointer-line .pos3.pointer {
	transition:left 0.5s; left: 780px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s;
}
.how-it-works .content-step h4 {
	text-align: center; font-size: 22px; font-weight: 300;
}
.how-it-works .content-step a {
	color: rgb(154, 154, 154); font-size: 15px;
}
.how-it-works .replace .switches {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3837px; margin: 85px auto 45px; width: 834px; height: 93px; display: block;
}
.how-it-works .replace h4 {
	margin-bottom: 40px;
}
.how-it-works .replace p {
	margin-bottom: 24px;
}
.how-it-works .replace p a {
	color: rgb(154, 154, 154); position: relative;
}
.how-it-works .replace p a::after {
	background: rgb(117, 105, 93); left: 0px; width: 100%; height: 1px; bottom: 1px; position: absolute; content: ""; opacity: 0.3;
}
.how-it-works .replace p a:hover::after {
	height: 0px;
}
.how-it-works .replace .country {
	text-transform: capitalize;
}
.how-it-works .update {
	margin: 85px auto; overflow: hidden;
}
.how-it-works .update .possibility {
	width: 50%; float: left;
}
.how-it-works .update h4 {
	margin: 44px 0px 30px;
}
.how-it-works .update .normal {
	padding-right: 30px;
}
.how-it-works .update .normal .bulbs {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4177px; margin: 0px auto; width: 191px; height: 94px;
}
.how-it-works .update .smart {
	padding-left: 30px;
}
.how-it-works .update .smart .bulbs {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3954px; margin: 0px auto; width: 283px; height: 95px;
}
.how-it-works .enjoy .controller {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3451px; margin: 50px auto 0px; width: 206px; height: 218px; position: relative;
}
.how-it-works .enjoy .controller .controller-text {
	top: 85px; position: absolute;
}
.how-it-works .enjoy .controller .controller-text1 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4803px; animation:controller-text 15s ease-out infinite; left: 51px; width: 99px; height: 30px; -webkit-animation: controller-text 15s ease-out infinite; -moz-animation: controller-text 15s ease-out infinite; -o-animation: controller-text 15s ease-out infinite;
}
.how-it-works .enjoy .controller .controller-text2 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4726px; animation:controller-text 15s ease-out 3s infinite; left: 55px; width: 99px; height: 30px; -webkit-animation: controller-text 15s ease-out infinite 3s; -moz-animation: controller-text 15s ease-out infinite 3s; -o-animation: controller-text 15s ease-out infinite 3s;
}
.how-it-works .enjoy .controller .controller-text3 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4863px; animation:controller-text 15s ease-out 6s infinite; left: 62px; width: 99px; height: 30px; -webkit-animation: controller-text 15s ease-out infinite 6s; -moz-animation: controller-text 15s ease-out infinite 6s; -o-animation: controller-text 15s ease-out infinite 6s;
}
.how-it-works .enjoy .controller .controller-text4 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4696px; animation:controller-text 15s ease-out 9s infinite; left: 60px; width: 99px; height: 30px; -webkit-animation: controller-text 15s ease-out infinite 9s; -moz-animation: controller-text 15s ease-out infinite 9s; -o-animation: controller-text 15s ease-out infinite 9s;
}
.how-it-works .enjoy .controller .controller-text5 {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4833px; animation:controller-text 15s ease-out 12s infinite; left: 57px; width: 99px; height: 30px; -webkit-animation: controller-text 15s ease-out infinite 12s; -moz-animation: controller-text 15s ease-out infinite 12s; -o-animation: controller-text 15s ease-out infinite 12s;
}
.how-it-works .content-steps {
	height: 470px; margin-top: 70px; position: relative;
}
.how-it-works .hide.content-steps {
	height: 0px;
}
.how-it-works .content-steps .content-step {
	transition:opacity 0.5s ease-out; left: 0px; top: 0px; visibility: visible; position: absolute; opacity: 1; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out;
}
.how-it-works .content-steps .hide.content-step {
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear, opacity 0.5s ease-out; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -webkit-transition-delay: 0.5s, 0s;
}
.how-it-works .content-steps p {
	font-size: 15px;
}
.how-it-works .content-steps p a {
	text-decoration: underline;
}
.how-it-works .faq-line {
	background: rgb(231, 231, 231); width: 100%; height: 1px; margin-top: 0px; display: block;
}
.how-it-works .questions {
	overflow: hidden;
}
.how-it-works .questions ul {
	list-style: none; width: 50%; float: left;
}
.how-it-works .questions li {
	padding: 0px 25px; line-height: 22px; font-size: 15px; margin-bottom: 38px; position: relative;
}
.how-it-works .questions li::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5626px; transition:transform 0.3s; left: 2px; top: 8px; width: 8px; height: 9px; position: absolute; content: ""; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s;
}
.how-it-works .questions li a {
	color: rgb(154, 154, 154); -webkit-transition: color 0.3; -moz-transition: color 0.3; -o-transition: color 0.3;
}
.how-it-works .questions li .answer {
	transition:0.3s; height: 0px; color: rgb(154, 154, 154); overflow: hidden; margin-top: 20px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
}
.how-it-works .questions li.opened::before {
	transition:transform 0.3s; transform: rotate(90deg); -webkit-transition: -webkit-transform 0.3s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s;
}
.how-it-works .questions li.opened a {
	color: rgb(72, 72, 72); -webkit-transition: color 0.3; -moz-transition: color 0.3; -o-transition: color 0.3;
}
.how-it-works .questions li.opened .answer {
	transition:0.3s; height: auto; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
}
.how-it-works .ask {
	margin: 8px auto 120px; border-radius: 5px; border: 1px solid rgba(124, 123, 117, 0.3); transition:background 0.3s; border-image: none; width: 170px; height: 42px; text-align: center; color: rgb(145, 143, 137); line-height: 40px; font-size: 15px; font-weight: bold; display: block; -webkit-border-radius: 5px/5px 5px 5px 5px; -moz-border-radius: 5px/5px 5px 5px 5px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -ms-border-radius: 5px/5px 5px 5px 5px; -o-border-radius: 5px/5px 5px 5px 5px;
}
.how-it-works .ask:hover {
	background: rgba(190, 190, 190, 0.2); transition:background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;
}
footer {
	background: url("../img/pattern.png"); text-align: center; color: white; overflow: hidden; position: relative;
}
footer .bg {
	transition:opacity 4s linear; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; opacity: 0; -webkit-transition: opacity 4s linear; -moz-transition: opacity 4s linear; -o-transition: opacity 4s linear;
}
footer .show.bg {
	transition:opacity 4s linear; opacity: 1; -webkit-transition: opacity 4s linear; -moz-transition: opacity 4s linear; -o-transition: opacity 4s linear;
}
footer .bg1.bg {
	background: url("../img/footer-bg1.png") no-repeat 0% 0% / cover;
}
footer .bg2.bg {
	background: url("../img/footer-bg2.png") no-repeat 0% 0% / cover;
}
footer .bg3.bg {
	background: url("../img/footer-bg3.png") no-repeat 0% 0% / cover;
}
footer h2 {
	margin: 200px 0px 0px; font-size: 54px; font-weight: 300;
}
footer h3 {
	margin: 20px 0px 68px; font-size: 22px; font-weight: 300;
}
footer h3 span {
	font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 400;
}
footer .preorder {
	background: rgb(253, 168, 85); margin: 0px auto 8px; border-radius: 6px; transition:background 0.2s; width: 256px; height: 70px; text-align: center; color: white; line-height: 66px; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 22px; font-weight: 400; display: block; box-shadow: inset 0px -3px 0px rgba(0,0,0,0.07); -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -ms-border-radius: 6px; -o-border-radius: 6px;
}
footer .preorder:hover {
	background: rgb(255, 186, 81); transition:background 0.2s; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
footer .preorder:active {
	background: rgb(255, 186, 81); box-shadow: inset 0px -2px 0px rgba(0,0,0,0.07); transform: translateY(1px); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px);
}
footer .partnership {
	margin: 0px 0px 226px 3px; transition:color 0.3s; color: rgba(255, 255, 255, 0.7); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 14px; font-weight: 400; display: inline-block; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s;
}
footer .partnership::after {
	background: rgba(255, 255, 255, 0.7); left: 0px; width: 100%; height: 1px; bottom: 1px; position: absolute; content: ""; opacity: 0.3;
}
footer .partnership:hover::after {
	height: 0px;
}
footer .goldee-ltd {
	padding-bottom: 50px;
}
footer .copyright {
	text-align: left; color: rgba(255, 255, 255, 0.7); font-size: 13px; float: left;
}
footer .links {
	list-style: none; margin: 0px; overflow: hidden; float: right;
}
footer .links li {
	color: rgba(255, 255, 255, 0.7); padding-right: 13px; font-size: 13px; margin-right: 13px; float: left; position: relative;
}
footer .links li:last-child {
	padding-right: 0px; margin-right: 0px;
}
footer .links li:last-child::after {
	content: "";
}
footer .links li::after {
	top: 0px; right: 0px; position: absolute; content: "|";
}
footer .links li a {
	color: white;
}
.video-popup {
	background: rgba(0, 0, 0, 0.6); transition:opacity 0.3s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: fixed; z-index: 10; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out;
}
.show.video-popup {
	transition:visibility 0.3s linear 0.3s, opacity 0.3s ease-out; visibility: visible; z-index: 99; opacity: 1; -webkit-transition: visibility 0.3s linear, opacity 0.3s ease-out; -moz-transition: visibility 0.3s linear 0.3s, opacity 0.3s ease-out; -o-transition: visibility 0.3s linear 0.3s, opacity 0.3s ease-out; -webkit-transition-delay: 0.3s, 0s;
}
.video-container {
	background: black; left: 50%; top: 50%; width: 960px; height: 540px; margin-top: -300px; margin-left: -480px; position: fixed;
}
.video-container .cross {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5203px; left: 30px; top: 20px; width: 35px; height: 35px; position: absolute;
}
.preorder {
	background: url("../img/preorder-bg.png") no-repeat 0% 0% / cover; text-align: center;
}
.preorder h1 {
	height: 52px; overflow: hidden; margin-top: 40px; float: left;
}
.preorder .logo {
	width: 100%; text-align: left; color: rgb(124, 123, 117); padding-left: 80px; font-size: 28px; position: relative;
}
.preorder .logo::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -4756px; left: 0px; top: -7px; width: 71px; height: 47px; position: absolute; content: "";
}
.preorder .back {
	border-radius: 5px; border: 1px solid rgb(224, 222, 215); border-image: none; width: 200px; height: 44px; color: rgb(118, 106, 93); line-height: 40px; padding-left: 20px; font-size: 15px; margin-top: 40px; float: right; position: relative; cursor: pointer; opacity: 0.9;
}
.preorder .back::before {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5612px; left: 18px; top: 13px; width: 14px; height: 14px; position: absolute; content: "";
}
.preorder h2 {
	margin: 0px auto; padding: 120px 0px 60px; width: 100%; color: rgb(118, 106, 93); font-size: 40px;
}
.preorder .choices {
	overflow: hidden; padding-bottom: 70px;
}
.preorder .choice {
	background: white; padding: 5px; border-radius: 9px; border: 1px solid rgba(119, 106, 92, 0.15); border-image: none; width: 33%; height: 446px; float: left; position: relative;
}
.preorder .choice img {
	margin-top: 20px;
}
.preorder .choice h3 {
	margin: 0px; color: rgb(119, 117, 113); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 22px; font-weight: 400;
}
.preorder .choice h4 {
	margin: 0px; color: rgb(119, 117, 113); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 14px; font-weight: 300;
}
.preorder .choice p {
	color: rgb(120, 117, 113); font-size: 15px;
}
.preorder .choice p span.price {
	color: rgb(174, 171, 166);
}
.preorder .choice .preorder {
	background: rgb(255, 154, 57); margin: 0px auto; border-radius: 6px; transition:background 0.3s; width: 256px; height: 49px; text-align: center; color: white; line-height: 50px; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 17px; font-weight: 400; display: block; box-shadow: inset 0px -3px 0px rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;
}
.preorder .choice .preorder:hover {
	background: rgb(255, 185, 80); transition:background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;
}
.preorder .choice .preorder:active {
	box-shadow: inset 0px -2px 0px rgba(0,0,0,0.07); transform: translateY(1px); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px);
}
.preorder .choice2.choice {
	width: 350px; height: 470px;
}
.preorder .choice2.choice p {
	max-width: 327px;
}
.preorder .choice2.choice .recommended {
	background: url("../img/recommended.png") no-repeat; top: 0px; width: 125px; height: 125px; right: 0px; position: absolute;
}
.preorder .choice2.choice h3 {
	margin-top: 10px;
}
.preorder .choice1.choice {
	margin: 10px -1px 0px 0px; border-radius: 9px 0px 0px 9px; width: 313px;
}
.preorder .choice3.choice {
	margin: 10px 0px 0px -1px; border-radius: 0px 9px 9px 0px; width: 313px;
}
.preorder .choice3.choice img {
	left: 15px; position: relative;
}
.preorder #shipping-planned {
	margin: 0px; padding: 0px; bottom: 30px; color: rgb(119, 106, 91); font-size: 22px; position: relative;
}
.preorder-footer {
	color: black; margin-bottom: 20px; border-bottom-color: rgb(231, 231, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.preorder-footer .slider {
	width: 100%; height: 200px; text-align: center; margin-top: 40px; position: relative;
}
.preorder-footer .slider .slide {
	transition:opacity 0.4s 0.3s; width: 100%; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s 0.3s; -o-transition: opacity 0.4s 0.3s; -webkit-transition-delay: 0.3s;
}
.preorder-footer .slider .hide.slide {
	transition:opacity 0.3s; top: 0px; position: absolute; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.preorder-footer .slider .slide h4 {
	color: rgb(120, 117, 113); font-size: 22px;
}
.preorder-footer .slider .points {
	margin: 0px auto; width: 60px; height: 12px; overflow: hidden;
}
.preorder-footer .slider .points .point {
	border-radius: 50px; border: 2px solid rgb(161, 159, 153); transition:opacity 0.3s; border-image: none; width: 11px; height: 11px; margin-right: 13px; float: left; opacity: 0.4; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.preorder-footer .slider .points :last-child.point {
	margin-right: 0px;
}
.preorder-footer .slider .points .selected.point {
	background: rgb(161, 159, 153); transition:opacity 0.3s; opacity: 0.8; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.footer-nav {
	color: rgb(111, 111, 111); padding-top: 50px; font-size: 13px; margin-bottom: 20px;
}
.footer-nav .copyright {
	float: left; display: inline-block;
}
.footer-nav nav {
	overflow: hidden;
}
.footer-nav .links {
	list-style: none; margin: 0px; overflow: hidden; float: right;
}
.footer-nav .links li {
	padding-right: 13px; font-size: 13px; margin-right: 13px; float: left; position: relative;
}
.footer-nav .links li:last-child {
	padding-right: 0px; margin-right: 0px;
}
.footer-nav .links li:last-child::after {
	content: "";
}
.footer-nav .links li::after {
	top: 0px; right: 0px; position: absolute; content: "|";
}
.footer-nav .links li a {
	color: rgb(111, 111, 111);
}
.preorder-popup {
	transition:opacity 0.5s; visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.success-popup {
	transition:opacity 0.5s; visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.hide.preorder-popup {
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear, opacity 0.5s ease-out; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -webkit-transition-delay: 0.5s, 0s;
}
.hide.success-popup {
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear, opacity 0.5s ease-out; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -webkit-transition-delay: 0.5s, 0s;
}
.preorder-popup .none {
	display: none;
}
.success-popup .none {
	display: none;
}
.preorder-popup .bg {
	background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 7;
}
.success-popup .bg {
	background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 7;
}
.preorder-popup .container {
	background: rgb(252, 252, 252); border-radius: 9px; border: 1px solid rgba(118, 106, 93, 0.15); border-image: none; left: 50%; top: 180px; width: 980px; margin-left: -475px; position: absolute; z-index: 10;
}
.success-popup .container {
	background: rgb(252, 252, 252); border-radius: 9px; border: 1px solid rgba(118, 106, 93, 0.15); border-image: none; left: 50%; top: 180px; width: 980px; margin-left: -475px; position: absolute; z-index: 10;
}
.preorder-popup .container .ending-price {
	margin: 65px 40px 0px 0px; top: 0px; right: 0px; color: rgb(157, 160, 161); position: absolute;
}
.success-popup .container .ending-price {
	margin: 65px 40px 0px 0px; top: 0px; right: 0px; color: rgb(157, 160, 161); position: absolute;
}
.preorder-popup .container .ending-price .quantity {
	color: rgb(148, 146, 141); clear: both; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 12px; font-weight: 300; float: right;
}
.success-popup .container .ending-price .quantity {
	color: rgb(148, 146, 141); clear: both; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 12px; font-weight: 300; float: right;
}
.preorder-popup .container .ending-price .price {
	width: 200px; text-align: right; color: rgb(156, 160, 160); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 26px; font-weight: 400;
}
.success-popup .container .ending-price .price {
	width: 200px; text-align: right; color: rgb(156, 160, 160); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 26px; font-weight: 400;
}
.preorder-popup .container .ending-price .price .number-of-final-price {
	margin-right: 10px; float: right;
}
.success-popup .container .ending-price .price .number-of-final-price {
	margin-right: 10px; float: right;
}
.preorder-popup .container .ending-price .price .input {
	border-radius: 4px; border: 1px solid rgb(219, 219, 219); border-image: none; top: -4px; width: 83px; height: 41px; text-align: center; margin-left: 10px; float: right; position: relative; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding;
}
.success-popup .container .ending-price .price .input {
	border-radius: 4px; border: 1px solid rgb(219, 219, 219); border-image: none; top: -4px; width: 83px; height: 41px; text-align: center; margin-left: 10px; float: right; position: relative; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding;
}
.preorder-popup .container .ending-price .price .input .values {
	top: 10px; right: 12px; color: rgb(148, 146, 141); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 15px; font-weight: 400; position: relative;
}
.success-popup .container .ending-price .price .input .values {
	top: 10px; right: 12px; color: rgb(148, 146, 141); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 15px; font-weight: 400; position: relative;
}
.preorder-popup .container .ending-price .price .input .up {
	background: rgb(220, 220, 220); border: 0px currentColor; transition:background 0.2s; border-image: none; width: 25px; height: 19px; position: absolute; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.preorder-popup .container .ending-price .price .input .down {
	background: rgb(220, 220, 220); border: 0px currentColor; transition:background 0.2s; border-image: none; width: 25px; height: 19px; position: absolute; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.success-popup .container .ending-price .price .input .up {
	background: rgb(220, 220, 220); border: 0px currentColor; transition:background 0.2s; border-image: none; width: 25px; height: 19px; position: absolute; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.success-popup .container .ending-price .price .input .down {
	background: rgb(220, 220, 220); border: 0px currentColor; transition:background 0.2s; border-image: none; width: 25px; height: 19px; position: absolute; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.preorder-popup .container .ending-price .price .input .up:hover {
	transition:background 0.2s; background-color: rgb(199, 199, 199); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.preorder-popup .container .ending-price .price .input .down:hover {
	transition:background 0.2s; background-color: rgb(199, 199, 199); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.success-popup .container .ending-price .price .input .up:hover {
	transition:background 0.2s; background-color: rgb(199, 199, 199); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.success-popup .container .ending-price .price .input .down:hover {
	transition:background 0.2s; background-color: rgb(199, 199, 199); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
.preorder-popup .container .ending-price .price .input .up:active {
	transition:background 0.1s; background-color: rgb(163, 163, 163); -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -o-transition: background 0.1s;
}
.preorder-popup .container .ending-price .price .input .down:active {
	transition:background 0.1s; background-color: rgb(163, 163, 163); -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -o-transition: background 0.1s;
}
.success-popup .container .ending-price .price .input .up:active {
	transition:background 0.1s; background-color: rgb(163, 163, 163); -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -o-transition: background 0.1s;
}
.success-popup .container .ending-price .price .input .down:active {
	transition:background 0.1s; background-color: rgb(163, 163, 163); -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -o-transition: background 0.1s;
}
.preorder-popup .container .ending-price .price .input .up {
	background-position: center; top: 0px; right: 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAAQElEQVQY02P4zwCF2f8zYWyYkPP/P0DohCyo8v/DfxB4D2RBBfn/3/oPAzeBPKAg8//d/5HBrv/MDP8n/0cHkwC8dlmacKvJDAAAAABJRU5ErkJggg=="); background-repeat: no-repeat;
}
.success-popup .container .ending-price .price .input .up {
	background-position: center; top: 0px; right: 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAAQElEQVQY02P4zwCF2f8zYWyYkPP/P0DohCyo8v/DfxB4D2RBBfn/3/oPAzeBPKAg8//d/5HBrv/MDP8n/0cHkwC8dlmacKvJDAAAAABJRU5ErkJggg=="); background-repeat: no-repeat;
}
.preorder-popup .container .ending-price .price .input .down {
	background-position: center; right: 0px; bottom: 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAARUlEQVQYGQXBAQnCUABAwQc/wEpoEVmaYZqtzbCIGMIF+HC7ywEAYM/wAQCnkSx+AL4WJXm6wN9DSpLVNL0kJUneNkm6AX+kWaCs6QV6AAAAAElFTkSuQmCC"); background-repeat: no-repeat;
}
.success-popup .container .ending-price .price .input .down {
	background-position: center; right: 0px; bottom: 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAARUlEQVQYGQXBAQnCUABAwQc/wEpoEVmaYZqtzbCIGMIF+HC7ywEAYM/wAQCnkSx+AL4WJXm6wN9DSpLVNL0kJUneNkm6AX+kWaCs6QV6AAAAAElFTkSuQmCC"); background-repeat: no-repeat;
}
.preorder-popup .container .form-section {
	padding: 40px;
}
.success-popup .container .form-section {
	padding: 40px;
}
.preorder-popup .container .cross {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5414px; left: -15px; top: -15px; width: 31px; height: 31px; position: absolute;
}
.success-popup .container .cross {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5414px; left: -15px; top: -15px; width: 31px; height: 31px; position: absolute;
}
.preorder-popup .container header {
	background: white; border-radius: 9px 9px 0px 0px; overflow: hidden; box-shadow: inset 0px -1px 0px #e9e9e9; -webkit-box-shadow: inset 0 -1px 0 #e9e9e9; -moz-box-shadow: inset 0 -1px 0 #e9e9e9;
}
.success-popup .container header {
	background: white; border-radius: 9px 9px 0px 0px; overflow: hidden; box-shadow: inset 0px -1px 0px #e9e9e9; -webkit-box-shadow: inset 0 -1px 0 #e9e9e9; -moz-box-shadow: inset 0 -1px 0 #e9e9e9;
}
.preorder-popup .container header img {
	margin: 0px; float: left;
}
.success-popup .container header img {
	margin: 0px; float: left;
}
.preorder-popup .container header h3 {
	margin: 0px 0px 14px; color: rgb(248, 164, 86); font-size: 28px;
}
.success-popup .container header h3 {
	margin: 0px 0px 14px; color: rgb(248, 164, 86); font-size: 28px;
}
.preorder-popup .container header h4 {
	margin: 0px; padding: 0px; color: rgb(148, 146, 141); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 14px; font-weight: 400;
}
.success-popup .container header h4 {
	margin: 0px; padding: 0px; color: rgb(148, 146, 141); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 14px; font-weight: 400;
}
.preorder-popup .container header p {
	margin: 5px 0px 0px; color: rgb(149, 147, 142); line-height: 20px; font-size: 14px;
}
.success-popup .container header p {
	margin: 5px 0px 0px; color: rgb(149, 147, 142); line-height: 20px; font-size: 14px;
}
.preorder-popup .container header .product {
	width: 635px; float: left;
}
.success-popup .container header .product {
	width: 635px; float: left;
}
.preorder-popup .container header .shipping {
	text-align: right; display: block;
}
.success-popup .container header .shipping {
	text-align: right; display: block;
}
.preorder-popup .container header .quantity {
	width: 50px; float: right;
}
.success-popup .container header .quantity {
	width: 50px; float: right;
}
.preorder-popup .container .main-informations {
	box-shadow: inset 0px -1px 0px #e9e9e9; -webkit-box-shadow: inset 0 -1px 0 #e9e9e9; -moz-box-shadow: inset 0 -1px 0 #e9e9e9;
}
.success-popup .container .main-informations {
	box-shadow: inset 0px -1px 0px #e9e9e9; -webkit-box-shadow: inset 0 -1px 0 #e9e9e9; -moz-box-shadow: inset 0 -1px 0 #e9e9e9;
}
.preorder-popup .container .main-informations h4 {
	text-align: center; color: rgb(248, 164, 86); font-size: 22px; margin-top: 0px;
}
.success-popup .container .main-informations h4 {
	text-align: center; color: rgb(248, 164, 86); font-size: 22px; margin-top: 0px;
}
.preorder-popup .container .main-informations h4 .error {
	color: red;
}
.success-popup .container .main-informations h4 .error {
	color: red;
}
.preorder-popup .container .main-informations h4.headline-payment {
	margin-top: 34px;
}
.success-popup .container .main-informations h4.headline-payment {
	margin-top: 34px;
}
.preorder-popup .container .main-informations label {
	color: rgb(149, 147, 142); font-size: 15px;
}
.success-popup .container .main-informations label {
	color: rgb(149, 147, 142); font-size: 15px;
}
.preorder-popup .container .main-informations input {
	margin: 0px 34px 10px 0px; padding: 0px 10px; border-radius: 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 273px; height: 42px; font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 300; vertical-align: top; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.preorder-popup .container .main-informations select {
	margin: 0px 34px 10px 0px; padding: 0px 10px; border-radius: 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 273px; height: 42px; font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 300; vertical-align: top; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.success-popup .container .main-informations input {
	margin: 0px 34px 10px 0px; padding: 0px 10px; border-radius: 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 273px; height: 42px; font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 300; vertical-align: top; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.success-popup .container .main-informations select {
	margin: 0px 34px 10px 0px; padding: 0px 10px; border-radius: 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 273px; height: 42px; font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 300; vertical-align: top; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.preorder-popup .container .main-informations input.wrong-input {
	border: 1px solid rgb(255, 126, 126); border-image: none;
}
.preorder-popup .container .main-informations select.wrong-input {
	border: 1px solid rgb(255, 126, 126); border-image: none;
}
.success-popup .container .main-informations input.wrong-input {
	border: 1px solid rgb(255, 126, 126); border-image: none;
}
.success-popup .container .main-informations select.wrong-input {
	border: 1px solid rgb(255, 126, 126); border-image: none;
}
.preorder-popup .container .main-informations .country {
	background: url("../img/select-arrow.png") no-repeat right; margin-right: 0px;
}
.success-popup .container .main-informations .country {
	background: url("../img/select-arrow.png") no-repeat right; margin-right: 0px;
}
.preorder-popup .container .main-informations .city {
	width: 173px; margin-right: 13px;
}
.success-popup .container .main-informations .city {
	width: 173px; margin-right: 13px;
}
.preorder-popup .container .main-informations .zip {
	width: 83px; margin-right: 0px;
}
.success-popup .container .main-informations .zip {
	width: 83px; margin-right: 0px;
}
.preorder-popup .container .main-informations .paying-method {
	margin: 30px auto; border-radius: 4px; border: 1px solid rgb(247, 167, 93); border-image: none; width: 487px; height: 42px; text-align: center; line-height: 40px; overflow: hidden;
}
.success-popup .container .main-informations .paying-method {
	margin: 30px auto; border-radius: 4px; border: 1px solid rgb(247, 167, 93); border-image: none; width: 487px; height: 42px; text-align: center; line-height: 40px; overflow: hidden;
}
.preorder-popup .container .main-informations .paying-method .card {
	width: 240px; height: 100%; color: rgb(247, 157, 75); display: inline-block;
}
.success-popup .container .main-informations .paying-method .card {
	width: 240px; height: 100%; color: rgb(247, 157, 75); display: inline-block;
}
.preorder-popup .container .main-informations .paying-method .card:active {
	transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.success-popup .container .main-informations .paying-method .card:active {
	transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.preorder-popup .container .main-informations .paying-method .selected.card {
	background: rgb(247, 157, 75); color: white;
}
.success-popup .container .main-informations .paying-method .selected.card {
	background: rgb(247, 157, 75); color: white;
}
.preorder-popup .container .main-informations .paying-method .paypal {
	background: url("../img/paypal.png") no-repeat 94px 13px; width: 240px; height: 100%; text-indent: -9999em; display: inline-block;
}
.success-popup .container .main-informations .paying-method .paypal {
	background: url("../img/paypal.png") no-repeat 94px 13px; width: 240px; height: 100%; text-indent: -9999em; display: inline-block;
}
.preorder-popup .container .main-informations .paying-method .paypal:active {
	transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.success-popup .container .main-informations .paying-method .paypal:active {
	transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.preorder-popup .container .main-informations .paying-method .selected.paypal {
	background: url("../img/paypal-white.png") no-repeat 94px 13px rgb(247, 157, 75);
}
.success-popup .container .main-informations .paying-method .selected.paypal {
	background: url("../img/paypal-white.png") no-repeat 94px 13px rgb(247, 157, 75);
}
.preorder-popup .container .main-informations .paypal-method {
	text-align: center; color: rgb(149, 147, 142); font-size: 15px; margin-top: 50px; display: block; opacity: 1;
}
.success-popup .container .main-informations .paypal-method {
	text-align: center; color: rgb(149, 147, 142); font-size: 15px; margin-top: 50px; display: block; opacity: 1;
}
.preorder-popup .container .main-informations .hide.paypal-method {
	display: none; opacity: 0;
}
.success-popup .container .main-informations .hide.paypal-method {
	display: none; opacity: 0;
}
.preorder-popup .container .main-informations .card-method {
	transition:opacity 0.3s; display: block; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.success-popup .container .main-informations .card-method {
	transition:opacity 0.3s; display: block; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.preorder-popup .container .main-informations .hide.card-method {
	transition:display 0s linear 0.3s, opacity 0.3s ease-out; display: none; opacity: 0; -webkit-transition: display 0s linear, opacity 0.3s ease-out; -moz-transition: display 0s linear 0.3s, opacity 0.3s ease-out; -o-transition: display 0s linear 0.3s, opacity 0.3s ease-out; -webkit-transition-delay: 0.3s, 0s;
}
.success-popup .container .main-informations .hide.card-method {
	transition:display 0s linear 0.3s, opacity 0.3s ease-out; display: none; opacity: 0; -webkit-transition: display 0s linear, opacity 0.3s ease-out; -moz-transition: display 0s linear 0.3s, opacity 0.3s ease-out; -o-transition: display 0s linear 0.3s, opacity 0.3s ease-out; -webkit-transition-delay: 0.3s, 0s;
}
.preorder-popup .container .main-informations .whats-ccv {
	padding: 25px; border-radius: 4px; border: 1px solid rgba(79, 70, 64, 0.19); transition:opacity 0.3s; border-image: none; right: -30px; bottom: 308px; color: rgb(97, 96, 93); font-size: 12px; position: absolute; z-index: 10; max-width: 294px; opacity: 1; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); background-clip: padding-box; background-color: rgb(255, 249, 243); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding;
}
.success-popup .container .main-informations .whats-ccv {
	padding: 25px; border-radius: 4px; border: 1px solid rgba(79, 70, 64, 0.19); transition:opacity 0.3s; border-image: none; right: -30px; bottom: 308px; color: rgb(97, 96, 93); font-size: 12px; position: absolute; z-index: 10; max-width: 294px; opacity: 1; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); background-clip: padding-box; background-color: rgb(255, 249, 243); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding;
}
.preorder-popup .container .main-informations .hide.whats-ccv {
	transition:opacity 0.3s; z-index: -10; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.success-popup .container .main-informations .hide.whats-ccv {
	transition:opacity 0.3s; z-index: -10; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.preorder-popup .container .main-informations .whats-ccv::before {
	border: 1px solid rgba(79, 70, 64, 0.19); border-image: none; left: 50%; width: 20px; height: 20px; bottom: -10px; margin-right: 10px; display: block; position: absolute; content: ""; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); transform: rotate(45deg); background-color: rgb(255, 249, 243); -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.success-popup .container .main-informations .whats-ccv::before {
	border: 1px solid rgba(79, 70, 64, 0.19); border-image: none; left: 50%; width: 20px; height: 20px; bottom: -10px; margin-right: 10px; display: block; position: absolute; content: ""; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); transform: rotate(45deg); background-color: rgb(255, 249, 243); -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.preorder-popup .container .main-informations .whats-ccv::after {
	left: 50%; width: 20px; height: 20px; bottom: -9px; margin-right: 10px; display: block; position: absolute; content: ""; transform: rotate(45deg); background-color: rgb(255, 249, 243); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.success-popup .container .main-informations .whats-ccv::after {
	left: 50%; width: 20px; height: 20px; bottom: -9px; margin-right: 10px; display: block; position: absolute; content: ""; transform: rotate(45deg); background-color: rgb(255, 249, 243); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.preorder-popup .container .main-informations .month {
	background: url("../img/select-arrow.png") no-repeat right; width: 83px; padding-left: 23px; margin-right: 0px;
}
.success-popup .container .main-informations .month {
	background: url("../img/select-arrow.png") no-repeat right; width: 83px; padding-left: 23px; margin-right: 0px;
}
.preorder-popup .container .main-informations .slash {
	font-size: 15px;
}
.success-popup .container .main-informations .slash {
	font-size: 15px;
}
.preorder-popup .container .main-informations .year {
	background: url("../img/select-arrow.png") no-repeat right; width: 83px;
}
.success-popup .container .main-informations .year {
	background: url("../img/select-arrow.png") no-repeat right; width: 83px;
}
.preorder-popup .container .main-informations .security-code {
	width: 169px; margin-right: 0px;
}
.success-popup .container .main-informations .security-code {
	width: 169px; margin-right: 0px;
}
.preorder-popup .container .main-informations .what-is {
	left: 5px; top: 5px; width: 90px; color: rgb(148, 146, 141); font-size: 12px; text-decoration: underline; display: inline-block; position: relative;
}
.success-popup .container .main-informations .what-is {
	left: 5px; top: 5px; width: 90px; color: rgb(148, 146, 141); font-size: 12px; text-decoration: underline; display: inline-block; position: relative;
}
.preorder-popup .container .main-informations .cards {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3930px; margin: 30px auto 0px; width: 417px; height: 24px;
}
.success-popup .container .main-informations .cards {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -3930px; margin: 30px auto 0px; width: 417px; height: 24px;
}
.preorder-popup .container .process {
	background: rgb(255, 255, 255); border-radius: 9px;
}
.success-popup .container .process {
	background: rgb(255, 255, 255); border-radius: 9px;
}
.preorder-popup .container .process .submit {
	background: rgb(255, 154, 57); margin: 0px auto 11px; outline: 0px; border-radius: 8px; border: 0px currentColor; transition:background 0.3s; border-image: none; width: 361px; height: 60px; text-align: center; color: white; line-height: 56px; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 20px; font-weight: 400; display: block; box-shadow: inset 0px -3px 0px rgba(0,0,0,0.07); -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -webkit-appearance: none; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-appearance: none; appearance: none;
}
.success-popup .container .process .submit {
	background: rgb(255, 154, 57); margin: 0px auto 11px; outline: 0px; border-radius: 8px; border: 0px currentColor; transition:background 0.3s; border-image: none; width: 361px; height: 60px; text-align: center; color: white; line-height: 56px; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 20px; font-weight: 400; display: block; box-shadow: inset 0px -3px 0px rgba(0,0,0,0.07); -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.07); -webkit-appearance: none; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-appearance: none; appearance: none;
}
.preorder-popup .container .process .submit:hover {
	background: rgb(255, 185, 80); transition:background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;
}
.success-popup .container .process .submit:hover {
	background: rgb(255, 185, 80); transition:background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;
}
.preorder-popup .container .process .submit:active {
	background: rgb(255, 185, 80); box-shadow: inset 0px -2px 0px rgba(0,0,0,0.07); transform: translateY(1px); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px);
}
.success-popup .container .process .submit:active {
	background: rgb(255, 185, 80); box-shadow: inset 0px -2px 0px rgba(0,0,0,0.07); transform: translateY(1px); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px);
}
#not-supported-country {
	padding: 16px 22px; border-radius: 4px; border: 1px solid rgba(79, 70, 64, 0.19); transition:opacity 0.3s; border-image: none; left: 50%; top: 230px; width: 334px; height: 116px; text-align: center; color: rgb(97, 96, 93); font-size: 12px; margin-left: 150px; position: absolute; z-index: 100; opacity: 1; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); background-clip: padding-box; background-color: rgb(255, 249, 243); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.03); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding;
}
.hide#not-supported-country {
	transition:opacity 0.3s; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
#not-supported-country input {
	margin: 10px 2px 10px 0px; padding: 0px 10px; border-radius: 4px; border: 1px solid rgb(220, 220, 220); border-image: none; width: 230px; height: 44px; font-family: "Gotham A", "Gotham B", sans-serif; font-size: 15px; font-weight: 300; box-shadow: inset 0px 0px 0px rgba(0,0,0,0.03); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
#not-supported-country button {
	margin: 10px auto 0px; border-radius: 4px; border: 0px currentColor; transition:background 0.2s; border-image: none; width: 51px; height: 44px; color: rgb(255, 255, 255); font-family: "Gotham A", "Gotham B", sans-serif; font-size: 15px; font-weight: 400; background-clip: padding-box; background-color: rgb(255, 164, 79); -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding;
}
#not-supported-country button:hover {
	background: rgb(255, 186, 81); transition:background 0.2s; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s;
}
#not-supported-country button:active {
	background: rgb(255, 186, 81); transform: translateY(1px); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px);
}
.success-popup .container {
	width: 570px; text-align: center; color: rgb(148, 146, 141); font-size: 15px; margin-left: -260px; min-height: 274px;
}
.success-popup .container h3 {
	margin: 40px auto 30px; color: rgb(247, 163, 85); font-size: 28px;
}
.legal-popup {
	background: rgba(0, 0, 0, 0.3); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed;
}
.hide.legal-popup {
	transition:visibility 0s linear 0.5s, opacity 0.5s ease-out; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear, opacity 0.5s ease-out; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-out; -webkit-transition-delay: 0.5s, 0s;
}
.legal-popup .cross {
	background: url("/img/../img/sprite-sd933fa2597.png") 0px -5414px; left: 50%; top: 10px; width: 31px; height: 31px; margin-left: -410px; position: absolute; z-index: 20;
}
.legal-popup .container {
	background: rgb(252, 252, 252); padding: 0px 30px 30px; border-radius: 9px; border: 1px solid rgba(118, 106, 93, 0.15); transition:opacity 0.5s; border-image: none; left: 50%; top: 20px; width: 800px; height: 90%; margin-left: -400px; position: fixed; z-index: 10; -ms-overflow-y: scroll; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.legal-popup .container h4 {
	margin: 40px 0px 35px; color: rgb(119, 117, 113); font-size: 20px;
}
.legal-popup .container hr {
	background: rgb(0, 0, 0); width: 738px; height: 1px; opacity: 0.2;
}
.legal-popup .container p {
	color: rgb(153, 153, 153); font-size: 14px; margin-top: 45px;
}
.legal-popup .container a {
	color: rgb(153, 153, 153);
}
@media all and (max-width:1100px)
{
.timeline .modes .mode {
	width: 400px;
}
}
@media all and (max-width:940px)
{
.timeline .modes .mode {
	width: 380px;
}
}
@media all and (max-width:840px)
{
.intro .controller {
	display: none;
}
.social {
	display: none;
}
.reviews {
	display: none;
}
.visualizations {
	display: none;
}
.timeline {
	display: none;
}
.tech-spec {
	display: none;
}
.how-it-works {
	display: none;
}
footer {
	display: none;
}
body .intro {
	background: url("../img/preorder-bg.png") no-repeat rgb(255, 255, 255); width: 100%; -ms-overflow-x: hidden;
}
body .intro h1 {
	text-align: center;
}
body .intro h2 {
	margin: 50px auto; text-align: center; font-size: 44px; font-weight: 300;
}
body .intro .logo::before {
	background: url("data:image/png;base64,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");
}
body .intro .progress-bar {
	margin: 80px auto 10px; width: 280px;
}
body .intro .progress-data {
	margin: 13px auto; width: 280px; text-align: center;
}
body .intro .progress-data :last-child.data {
	margin-right: 0px;
}
body .intro .progress-data .data {
	margin-right: 30px;
}
body .intro .play {
	display: none;
}
body .intro .goldee-mobile-video {
	background: rgb(0, 0, 0); width: 100%; height: auto; display: block;
}
body .intro .preorder {
	margin: 50px auto;
}
body .intro .partnership {
	margin-bottom: 0px; visibility: hidden;
}
.video-popup .video-container {
	padding: 0px; width: 300px; height: 150px; margin-top: -150px; margin-left: -150px;
}
.video-popup .video-container .cross {
	left: 20px; top: 20px; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7);
}
.preorder .logo::before {
	background: url("data:image/png;base64,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");
}
.preorder .back::before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAWklEQVQ4y2NgwAGWzJ5cBMT9QMzIQCwAKi4B4v9A/AeIzYnVVIakKZ5YTRVImmKJ1VSFpCmaWE01SJoiidVUh6TpD5RNEJOvkWynUhQ4FEUHRQmAoiRHbCIHAEQOv1uBZc8UAAAAAElFTkSuQmCC");
}
.preorder .preorder-popup .container .ending-price .price .input {
	width: 160px;
}
.preorder .success-popup .container .ending-price .price .input {
	width: 160px;
}
.preorder .preorder-popup .container .main-informations .cards {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAWklEQVQ4y2NgwAGWzJ5cBMT9QMzIQCwAKi4B4v9A/AeIzYnVVIakKZ5YTRVImmKJ1VSFpCmaWE01SJoiidVUh6TpD5RNEJOvkWynUhQ4FEUHRQmAoiRHbCIHAEQOv1uBZc8UAAAAAElFTkSuQmCC");
}
.preorder .success-popup .container .main-informations .cards {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAWklEQVQ4y2NgwAGWzJ5cBMT9QMzIQCwAKi4B4v9A/AeIzYnVVIakKZ5YTRVImmKJ1VSFpCmaWE01SJoiidVUh6TpD5RNEJOvkWynUhQ4FEUHRQmAoiRHbCIHAEQOv1uBZc8UAAAAAElFTkSuQmCC");
}
}
.nopreorderforyou {
	background: rgba(255, 255, 255, 0.95); top: 0px; width: 100%; bottom: 0px; color: rgb(119, 106, 92); display: none; position: fixed; z-index: 99999;
}
.outer {
	width: 100%; height: 100%; display: table; position: absolute;
}
.middle {
	vertical-align: middle; display: table-cell;
}
.nopreorderforyou .wrapper {
	margin: 0px auto; width: 980px; text-align: center;
}
.nopreorderforyou .turn-off {
	transition:1s; left: 30px; top: 30px; width: 23px; height: 23px; position: absolute; cursor: pointer; background-image: url("../img/preorderoff.png"); -webkit-transition: all 0.5s;
}
.nopreorderforyou .turn-off:hover {
	transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
.nopreorderforyou h2 {
	color: rgb(119, 106, 92); font-size: 54px; font-weight: 100; margin-top: 0px; margin-bottom: 40px;
}
.nopreorderforyou p {
	color: rgb(119, 106, 92); font-size: 22px; margin-bottom: 40px;
}
.mailing-subscribe-form {
	margin: 0px auto 50px; width: 500px;
}
.mailing-subscribe-form input {
	background: rgb(255, 149, 52); padding: 0px 20px; border-radius: 4px; border: currentColor; border-image: none; height: 62px; color: rgb(255, 255, 255); font-family: "Gotham A", "Gotham B", sans-serif; font-weight: 300; margin-right: 8px;
}
.nopreorderforyou .mailing-subscribe-form input {
	border: 1px solid rgb(199, 197, 195); border-image: none;
}
.nopreorderforyou .mailing-subscribe-form .submit-button {
	border: currentColor; border-image: none;
}
.mailing-subscribe-form * {
	transition:1s; -webkit-transition: all 1s;
}
.nopreorderforyou * {
	transition:1s; -webkit-transition: all 1s;
}
.mailing-subscribe-form .submit-button:hover {
	background: rgb(255, 175, 105);
}
.mailing-subscribe-form .email-input {
	background: rgb(255, 255, 255); width: 326px; color: rgb(169, 169, 169);
}
.social-icons .sicon {
	width: 46px; height: 46px; display: inline-block;
}
.social-icons .sicon:hover {
	opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6;
}
.social-icons .sicon-tw {
	margin-right: 6px; background-image: url("../img/sico-tw.png");
}
.social-icons .sicon-fb {
	background-image: url("../img/sico-fb.png");
}
.social-icons .sicon-gp {
	margin-right: 6px; background-image: url("../img/sico-gp.png");
}
.bottom-socal-icons {
	margin-bottom: 150px;
}
.bottom-socal-icons .sicon {
	background: no-repeat center; border-radius: 100%; border: 1px solid rgb(255, 255, 255); border-image: none;
}
.bottom-socal-icons .sicon-tw {
	background-image: url("../img/socialicon-tw.png");
}
.bottom-socal-icons .sicon-fb {
	background-image: url("../img/socialicon-fb.png");
}
.bottom-socal-icons .sicon-gp {
	background-image: url("../img/socialicon-gp.png");
}
.email-subscribed {
	background: none; padding: 15px 47px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 25px; display: none;
}
.email-already-use {
	background: none; padding: 15px 47px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 25px; display: none;
}
.email-error {
	background: none; padding: 15px 47px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 25px; display: none;
}
.email-bad-email {
	background: none; padding: 15px 47px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 25px; display: none;
}
.nopreorderforyou .email-subscribed {
	border-color: rgb(199, 197, 195);
}
.nopreorderforyou .email-already-use {
	border-color: rgb(199, 197, 195);
}
.nopreorderforyou .email-error {
	border-color: rgb(199, 197, 195);
}
.nopreorderforyou .email-bad-email {
	border-color: rgb(199, 197, 195);
}
.mailchimp-message {
	margin-top: 20px; opacity: 0;
}
.mailing-subscribe-form .social-icons {
	margin-top: 20px; opacity: 0;
}
.js-visible.mailchimp-message {
	margin-top: 40px; opacity: 1;
}
.mailing-subscribe-form .js-visible.social-icons {
	margin-top: 40px; opacity: 1;
}
.mailchimp-message {
	font-size: 20px;
}
.js-email-subscribed .email-subscribed {
	
}
.js-email-already-use .email-already-use {
	
}
.js-email-error .email-error {
	
}
.js-email-bad-email .email-bad-email {
	
}