/* For desktop: */

@font-face {
  font-family: "CenturyGothic";
  src: url('/fonts/CenturyGothic.eot'); /* IE9 Compat Modes */
  src: url('/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/CenturyGothic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/CenturyGothic.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/CenturyGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fonts/CenturyGothic.svg#svgCenturyGothic') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: "Univers";
  src: url('/fonts/Univers-light-normal.eot'); /* IE9 Compat Modes */
  src: url('/fonts/Univers-light-normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Univers-light-normal.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/Univers-Light-Normal.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/Univers-light-normal.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fonts/Univers-Light-Normal.svg#svgUnivers') format('svg'); /* Legacy iOS */
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
  font-size: 0.781vw;
}

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
	text-decoration: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.float_clear {
	clear: both;
}

.shop {
  font-family: "CenturyGothic";
	width: 100%;
	padding: 5vw 0;
  background-color: #FFF;
}

.shop-title {
	color: #000;
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 1vw;
}

.shop-notice {
  font-size: 1.5rem;
	width: 70%;
	border-radius: 3px;
	margin: auto auto 1vw;
	background-color: #EEE;
	color: #000;
	padding: 2vw;
	text-align: center;
}

.shop-link {
	color: #F76941;
}

.shop-link:hover {
	color: #FFC000;
}

.shop-row {
	margin: auto;
	width: 70%;
	margin-bottom: 1vw;
}

.shop-policy {
	margin: auto;
	width: 70%;
	margin-bottom: 1vw;
  text-align: center;
  font-size: 1vw;
}

.shop-policy-link {
	color: #F76941;
}

.shop-policy-link:hover {
	color: #FFC000;
}

.shop-reviews {
	margin: auto;
	width: 70%;
  margin-top: 3vw;
	margin-bottom: 3vw;
  display: relative;
}

.shop-reviews-button {
  font-family: "Univers";
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 1vw 1.953vw;
  margin-top: 0.781vw;
  font-size: 1.2rem;
  border-radius: 3px;
  background: #F76941;
}

.shop-reviews-button:hover {
	opacity: 0.7;
  border-radius: 5px;
}

.shop_product {
	width: 33.3%;
	padding: 2vw;
	float: left;
	text-align: center;
	margin-bottom: 1vw;
  font-size: 1.333rem;
}

.shop_p_img {
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;
	width: 100%;
	height: 10vw;
}

.shop_p_title {
  font-family: "CenturyGothic";
	font-size: 1.5rem;
	font-weight: bold;
	color: #333;
	margin-top: 0.333vw;
}

.shop_p_var {
	margin-bottom: 0.6vw;
  color: #999;
}

.shop_p_price {
	margin-bottom: 0.6vw;
}

.shop_p_price-discount, .shop_pl_price-discount {
	text-decoration: line-through;
	color: red;
	margin-top: -0.6vw;
	margin-bottom: 0.6vw;
}

.shop_p_soldout {
	font: Arial;
	display: inline-block;
	background-color: #999999;
	color: #FFF;
	font-size: 1.2rem;
	padding: 0.5vw 2vw;
	text-align: center;
	width: 9vw;
	border-radius: 3px;
}

.shop_p_buy {
  font-family: "CenturyGothic";
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 0.5vw 2.5vw;
  font-size: 1.2rem;
  border-radius: 3px;
  background: #F76941;
  background: -webkit-linear-gradient(left top, #F76941, #FFC000);
  background: -o-linear-gradient(bottom right, #F76941, #FFC000);
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000);
  background: linear-gradient(to bottom right, #F76941, #FFC000);
}

.shop_p_buy:hover {
	opacity: 0.7;
  border-radius: 5px;
}

.shop_product_l {
	width: 100%;
	padding: 2vw;
	float: left;
	border-bottom: 1px solid #EEE;
	background-color: #EEE;
	border-radius: 1vw;
	margin-top: 1vw;
  margin-bottom: 1vw;
}

.shop_pl_img {
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;
	width: 40%;
	height: 15vw;
	float: left;
}

.shop_pl_info {
	width: 60%;
	float: left;
	padding: 2vw;
}

.shop_pl_title {
	font-size: 1.667rem;
	font-weight: bold;
	color: #000;
	margin-top: 0.667vw;
	margin-bottom: 0.667vw;
}

.shop_pl_price {
	display: inline-block;
	margin-bottom: 0.667vw;
  font-size: 1.333rem;
}

.shop_pl_price-discount {
  font-size: 1.333rem;
}

.shop_pl_tag {
	font-family: "Univers";
	display: inline-block;
	margin-left: 10px;
	color: #FFF;
	padding: 0.2vw 0.3vw;
	border-radius: 3px;
	background-color: #99CC66;
	font-size: 1rem;
}

.shop_pl_selection_form {
	padding: 0.333vw;
	margin-bottom: 0.667vw;
	font-size: 1.2rem;
	width: 100%;
}

.shop_pl_soldout {
	font-family: "Univers";
	display: inline-block;
	background-color: #999999;
	color: #FFF;
	font-size: 1.2rem;
	padding-top: 0.667vw;
	padding-bottom: 0.667vw;
	text-align: center;
	width: 10vw;
	border-radius: 0.2vw;
	margin-bottom: 1vw;
}

.shop_pl_buy {
  font-family: "CenturyGothic";
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 0.5vw 2.5vw;
  margin-bottom: 1vw;
  font-size: 1.2rem;
  border-radius: 3px;
  background: #F76941;
  background: -webkit-linear-gradient(left top, #F76941, #FFC000);
  background: -o-linear-gradient(bottom right, #F76941, #FFC000);
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000);
  background: linear-gradient(to bottom right, #F76941, #FFC000);
}

.shop_pl_buy:hover {
	opacity: 0.7;
  border-radius: 5px;
}

.shop_pl_desc {
  font-family: "Univers";
  font-size: 1.2rem;
}

.displaynone {
	display: none;
}

.cart-tab {
	position: fixed;
	right: 0;
	top: 50%;
	width: 3.25vw;
	height: 4.036vw;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
	z-index: 2;
	border-radius: 5px 0 0 5px;
	font-family: "CenturyGothic";
  font-weight: bold;
  font-size: 1.2rem;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
}

.cart-tab:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: center 80%; 
	background-size: auto 38%;
	background-image:  url('/images/icon_cart.png');
}

.cart-tab:hover {
  width: 4.5vw;
}

.cart-tab.active {
	transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
}

.cart {
	position: fixed;
	top: 0;
	right: 0;
	width: 20vw;
	height: 100%;
	background-color: #FFF;
	z-index: 3;
	padding: 30px;
	transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
	transition: transform 0.2s;
}

.cart.active {
	transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
	box-shadow: -1px 0px 15px #333;
}

.cart-title {
	font-family: "Univers";
	color: #333;
	font-size: 1.333rem;
}

.cart-close {
	position: absolute;
	top: 1vw;
	right: 1vw;
	font-family: "CenturyGothic";
	font-size: 3.333rem;
	font-weight: 100;
	color: #999;
	text-align: center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	transition: none;
}

.cart-close:hover {
	font-size: 3.75rem;
}

.cart-item {
	width: 100%;
	margin-top: 25px;
	font-family: "Univers";
}

.cart-item_img {
	height: 4.557vw;
	width: 4.557vw;
	background-repeat: no-repeat;
	background-position: center top; 
	background-size: contain;
	float: left;
}

.cart-item_content {
	float: right;
	width: calc(100% - 5.5vw);
}

.cart-item_content-row {
	margin-bottom: 10px;
}

.cart-item_title {
	font-size: 1.2rem;
}

.cart-item_variant-title {
	font-size: 1rem;
	font-weight: bold;
}

.cart-item_quantity-container {
	float: left;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.cart-item_quantity {
	width: 3.255vw;
	height: 1.2vw;
	padding: 0;
	line-height: 1.2vw;
	text-align: center;
	font-size: 1rem;
	vertical-align: middle;
	border-style: solid;
	border-color: #999;
	border-width: 1px 0 1px 0;
	float: left;
}

.cart-item-minus, .cart-item-plus {
	background-color: #FFF;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	cursor: pointer;
	height: 1.2vw;
	line-height: 1.2vw;
	width: 1.95vw;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.cart-item_price {
	float: right;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	font-size: 1.167rem;
}

.cart-bottom {
	position: absolute;
	width: 100%;
	padding: 30px;
	left: 0;
	bottom: 0;
}

.cart-info {
	font-family: "Univers";
	color: #333;
}

.cart-info-subtotal {
	float: left;
	font-size: 0.833rem;
}

.cart-info-pricing {
	float: right;
	font-size: 1.167rem;
}

.cart-info-actions {
	margin-top: 15px;
	font-family: "Univers";
}

.cart-checkout {
	width: 100%;
	border-radius: 3px;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
	border: 0;
	font: 1.2rem "Univers";
	padding: 1vw;
	text-align: center;
	color: #FFF;
  cursor: pointer;
	transition: all 0.5s;
	-webkit-appearance: none;
  font-weight: bold;
}

.cart-checkout:hover {
	opacity: 0.7;
  border-radius: 5px;
}

.popup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.7);
}

.popup-x {
	font-family: "CenturyGothic";
	font-size: 3rem;
	color: #FFF;
	position: absolute;
	bottom: 100%;
	right: 10px;
	padding-bottom: 50px;
	transform: translate(50%,50%);
  -webkit-transform: translate(50%,50%);
  -moz-transform: translate(50%,50%);
  -o-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
}

.popup-x:hover {
	font-size: 3.5rem;
}

.popup-email {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.popup-email-page {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #FFF;
  padding: 4.55vw;
  width: 45.5vw;
  font-family: "Univers";
  font-size: 1.5rem;
}

.popup-email-title {
  font-family: "CenturyGothic";
  font-size: 2.5rem;
  color: #F76941;
  margin-bottom: 1vw;
}

.popup-email-text {
	font-size: 1.1rem;
	margin-bottom: 1vw;
}

.popup-email-form {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 1vw;
}

.popup-email-input {
	display: block;
	width: 100%;
	font-weight: normal;
	padding: 0.5vw;
	font-size: 1.2rem;
	margin-top: 0.3vw;
	border: 1px solid #999;
}

.popup-email-error {
	font: Arial;
	color: #e50000;
}

.popup-email-subscribe, .popup-email-ok {
	font: Arial;
	display: inline-block;
  background: #F76941;
  background: -webkit-linear-gradient(left top, #F76941, #FFC000);
  background: -o-linear-gradient(bottom right, #F76941, #FFC000);
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000);
  background: linear-gradient(to bottom right, #F76941, #FFC000);
	color: #FFF;
	font-size: 1.2rem;
	padding-top: 1vw;
	padding-bottom: 1vw;
	text-align: center;
	width: 10vw;
	border-radius: 0.5vw;
	margin-bottom: 1vw;
}

.popup-email-subscribe:hover, .popup-email-ok:hover {
	opacity: 0.7;
  border-radius: 0.7vw;
}

.popup-email-wait {
	font: Arial;
	display: inline-block;
	background-color: #555;
	color: #FFF;
	font-size: 1.2rem;
	padding-top: 1vw;
	padding-bottom: 1vw;
	text-align: center;
	width: 10vw;
	border-radius: 0.5vw;
	margin-bottom: 1vw;
}

.popup-email-coupon {
	font: Arial;
	font-weight: bold;
	display: block;
	background-color: #EEE;
	color: #333;
	font-size: 18px;
	padding: 15px 35px;
	text-align: center;
	min-width: 50%;
	width: 250px;
	border: 3px dashed #F76941;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.popup-email-footer {
	font-size: 0.9rem;
}

.popup-email-close {
  display: block;
	margin-top: 1vw;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,Optima,sans-serif;
	font-size: 1.2rem;
	color: #F76941;
	text-decoration: underline;
}

.popup-email-close:hover {
	color: #FFC000;
}

.topbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.58vw;
	z-index: 3;
}

.topbar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #111, #333); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #111, #333); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #111, #333); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #111, #333); /* Standard syntax */
  transition: all 0.3s;
  opacity: 0;
}

.topbar.active:before {
  opacity: 1;
}

.topbar-logo {
	background-image: url('images/logo_new_w.png');
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;	
	width: 5vw;
	height: 55%;
	position: absolute;
	bottom: 15%;
	left: 30px;
  z-index: 1;
}

.topbar-logo:hover {
	opacity: 0.7;
}

.topbar-menu {
	font-family: "Univers";
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}

.topbar-hamburger {
	display: none;
}

.topbar-menu-item {
  position: relative;
	display: block;
	float: left;
	color: #FFF;
	padding: 0 1.302vw;
  margin: 0 0.651vw;
	line-height: 3.58vw;
	height: 3.58vw;
  font-size: 1.1rem;
}

.topbar-menu-item:hover:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
}

.topbar-menu-buy {
  font-family: "CenturyGothic";
  font-weight: bold;
  position: relative;
	display: block;
	float: left;
	color: #FFF;
	padding: 0 1.953vw;
  margin: 0.781vw 1.953vw;
	line-height: 1.953vw;
	height: 1.953vw;
  font-size: 1.2rem;
  border-radius: 3px;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
}

.topbar-menu-buy:hover {
  opacity: 0.7;
  border-radius: 7px;
}

.topbar-products-container {
  position: absolute;
  top: 105%;
  left: 65px;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
  -webkit-transform: perspective(500px) rotateX(-30deg);
  -moz-transform: perspective(500px) rotateX(-30deg);
  -o-transform: perspective(500px) rotateX(-30deg);
  -ms-transform: perspective(500px) rotateX(-30deg);
  transform: perspective(500px) rotateX(-30deg);
}

.topbar-products-container.active {
  -webkit-transform: perspective(500px) rotateX(0deg);
  -moz-transform: perspective(500px) rotateX(0deg);
  -o-transform: perspective(500px) rotateX(0deg);
  -ms-transform: perspective(500px) rotateX(0deg);
  transform: perspective(500px) rotateX(0deg);
}

.topbar-products {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  text-align: center;
  background-color: #FFF;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.topbar-products:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFF;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.topbar-products-title {
  display: none;
}

.topbar-product {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  padding: 25px 10px;
  overflow: hidden;
}

.topbar-product:hover {
  background-color: #EEE;
  border-radius: 5px;
}

.topbar-product-oneplus {
  position: absolute;
  top: 0;
  right: 0;
  width: 5vw;
  height: 5vw;
}

.topbar-product-oneplus:before {
  content: "UTILITY";
  position: absolute;
  top: 45%;
  left: 55%;
  background-color: #F76941;
  font-family: "Univers";
	color: #FFF;
  width: 200%;
  text-align: center;
  padding: 0.3vw;
  font-size: 0.7rem;
  transform: translate(-50%,-50%) rotate(45deg);
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  -moz-transform: translate(-50%,-50%) rotate(45deg);
  -o-transform: translate(-50%,-50%) rotate(45deg);
  -ms-transform: translate(-50%,-50%) rotate(45deg);
}

.topbar-product-lite {
  position: absolute;
  top: 0;
  right: 0;
  width: 5vw;
  height: 5vw;
}

.topbar-product-lite:before {
  content: "LIGHTWEIGHT";
  position: absolute;
  top: 45%;
  left: 55%;
  background-color: #FFC000;
  font-family: "Univers";
	color: #FFF;
  width: 200%;
  text-align: center;
  padding: 0.3vw;
  font-size: 0.7rem;
  transform: translate(-50%,-50%) rotate(45deg);
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  -moz-transform: translate(-50%,-50%) rotate(45deg);
  -o-transform: translate(-50%,-50%) rotate(45deg);
  -ms-transform: translate(-50%,-50%) rotate(45deg);
}

.topbar-product-img {
  height: 50px;
  width: 100%;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
}

.topbar-product-title {
  font-family: "CenturyGothic";
  font-weight: bold;
	color: #000;
  font-size: 1.333rem;
}

.topbar-product-desc {
  font-family: "Univers";
	color: #000;
  font-size: 1rem;
}

.topbar-banner {
	position: fixed;
	top: 3.58vw;
	left: 0;
	width: 100%;
	padding: 1vw;
	z-index: 2;
  font-family: "Univers";
	color: #FFF;
  background-color: red;
  font-size: 1.5rem;
  text-align: center;
}

.bottom {
  position: relative;
  width: 100%;
  padding: 30px 120px;
  background-color: #333;
}

.bottom-menu-section {
  width: 200px;
  display: inline-block;
  margin: 30px 25px;
  vertical-align: top;
}

.bottom-menu-section-title {
  font-family: "CenturyGothic";
	color: #FFC000;
  font-size: 1.3rem;
  border-bottom: 1px solid #555;
  width: 100%;
  margin-bottom: 15px;
}

.bottom-menu-section-link {
  font-family: "Univers";
	color: #FFF;
  font-size: 1.3rem;
  display: block;
}

.bottom-menu-section-link:hover {
  color: #F76941;
}

.bottom-social {
  position: absolute;
  right: 145px;
  top: 50px;
}

.bottom-social-support {
  font-family: "CenturyGothic";
  font-weight: bold;
  position: relative;
	display: block;
	color: #FFF;
	padding: 10px;
  width: 200px;
  text-align: center;
  margin: 15px 0 25px;
  font-size: 1rem;
  border-radius: 3px;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
}

.bottom-social-support:hover {
  opacity: 0.7;
  border-radius: 7px;
}

.bottom-social-icons {
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}

.bottom-social-icons:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.bottom-social-icon {
  height: 25px;
  width: 25px;
  display: inline-block;
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;	
  vertical-align: top;
}

.bottom-social-icon:hover {
  opacity: 0.7;
}

.bottom-copyright {
  font-family: "Univers";
	color: #FFF;
  font-size: 1rem;
  text-align: center;
  width: 100%;
  margin: 15px 0;
}

.topbar-shopnow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.topbar-shopnow-products {
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
  transform: translate(-50%,-50%) perspective(1000px) rotateX(-10deg);
  -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(-10deg);
  -moz-transform: translate(-50%,-50%) perspective(1000px) rotateX(-10deg);
  -o-transform: translate(-50%,-50%) perspective(1000px) rotateX(-10deg);
  -ms-transform: translate(-50%,-50%) perspective(1000px) rotateX(-10deg);
  transform-origin: 50% 0;
	background-color: #FFF;
  border-radius: 10px;
  padding: 7vw 5vw 3vw 5vw;
  white-space: nowrap;
}

.topbar-shopnow-products.active {
  transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
  -webkit-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
  -moz-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
  -o-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
  -ms-transform: translate(-50%,-50%) perspective(1000px) rotateX(0deg);
}

.topbar-shopnow-products-title {
  font-family: "CenturyGothic";
  font-weight: bold;
  position: absolute;
	top: 3vw;
  left: 0;
  width: 100%;
  text-align: center;
	color: #000;
  font-size: 2.5rem;
}

.topbar-shopnow-product {
  display: inline-block;
  margin: 0 10px;
  padding: 25px 10px;
  width: 20vw;
  position: relative;
  overflow: hidden;
}

.topbar-shopnow-product:hover {
  background-color: #EEE;
  border-radius: 5px;
}

.topbar-shopnow-product-oneplus {
  position: absolute;
  top: 0;
  right: 0;
  width: 5vw;
  height: 5vw;
}

.topbar-shopnow-product-oneplus:before {
  content: "UTILITY";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #F76941;
  font-family: "Univers";
	color: #FFF;
  width: 200%;
  text-align: center;
  padding: 0.3vw;
  font-size: 0.7rem;
  transform: translate(-50%,-50%) rotate(45deg);
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  -moz-transform: translate(-50%,-50%) rotate(45deg);
  -o-transform: translate(-50%,-50%) rotate(45deg);
  -ms-transform: translate(-50%,-50%) rotate(45deg);
}

.topbar-shopnow-product-lite {
  position: absolute;
  top: 0;
  right: 0;
  width: 5vw;
  height: 5vw;
}

.topbar-shopnow-product-lite:before {
  content: "LIGHTWEIGHT";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FFC000;
  font-family: "Univers";
	color: #FFF;
  width: 200%;
  text-align: center;
  padding: 0.3vw;
  font-size: 0.7rem;
  transform: translate(-50%,-50%) rotate(45deg);
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  -moz-transform: translate(-50%,-50%) rotate(45deg);
  -o-transform: translate(-50%,-50%) rotate(45deg);
  -ms-transform: translate(-50%,-50%) rotate(45deg);
}

.topbar-shopnow-product-img {
  height: 15vw;
  width: 100%;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
  margin-bottom: 0.5vw;
}

.topbar-shopnow-product-title {
  font-family: "CenturyGothic";
  font-weight: bold;
	color: #000;
  font-size: 2rem;
  text-align: center;
}

.topbar-shopnow-product-desc {
  font-family: "Univers";
	color: #000;
  font-size: 1.333rem;
  text-align: center;
}

.page-header {
  position: relative;
  width: 100%;
  height: 15vw;
	background-image: url('/images/tapplock_one_silver_gate.jpg');
	background-repeat: no-repeat;
	background-position: right 80%;
	background-size: cover;
}

.page-header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,31,24, 0.5);
}

.page-header-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
  position: absolute;
  bottom: 2vw;
  left: 12.5vw;
  color: #FFF;
}

.page-content {
  padding: 7vw 12.5vw;
  font-family: "Univers";
	color: #000;
  font-size: 1.333rem;
}

.page-content-title {
  font-family: "Univers";
	color: #000;
  font-size: 1.333rem;
  font-weight: bold;
}

.page-content-subtitle {
  font-family: "Univers";
	color: #000;
  font-size: 1.333rem;
  font-weight: bold;
}

.page-content-quote {
  font-family: "Univers";
	color: #000;
  font-size: 1.333rem;
  padding: 1.333rem;
  border-radius: 0.7rem;
  background-color: #EEE;
  margin: 0.7rem 0 2rem;
}

.page-content-link {
  color: #F76941;
}

.page-content-link:hover {
  color: #FFC000;
}

.page-content-button {
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 1vw 2vw;
  text-align: center;
  font-size: 1rem;
  border-radius: 3px;
  background: #F76941;
  background: -webkit-linear-gradient(left top, #F76941, #FFC000);
  background: -o-linear-gradient(bottom right, #F76941, #FFC000);
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000);
  background: linear-gradient(to bottom right, #F76941, #FFC000);
}

.page-content-button:hover {
  opacity: 0.7;
  border-radius: 7px;
}

.page-highlight {
  color: #F76941;
}

.contact-email {
  max-height: 0px;
  overflow: hidden;
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}

.contact-email.active {
  max-height: 25px;
}

.video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.video_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}

.video_play {
	width: 70%;
	height: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
	z-index: 1;
}

.video_youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.index-main {
  position: relative;
  width: 100%;
  height: 43vw;
	background-image: url('/images/tapplock_one_silver_gate.jpg');
	background-repeat: no-repeat;
	background-position: left 80%; 
	background-size: 105%;	
}

.index-main:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,31,24, 0.5);
}

.index-main-text {
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28%;
  text-shadow: 0px 0px 10px #000;
}

.index-main-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
  margin-bottom: 25px;
}

.index-main-desc {
	font-family: "Univers";
	font-size: 1.5rem;
}

.index-main-more {
	font-family: "CenturyGothic";
  font-weight: bold;
	font-size: 1.333rem;
  color: #EEE;
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  text-align: center;
}

.index-main-more:after {
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  width: 1vw;
  height: 1vw;
  transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
}

.divider {
	position: relative;
  width: 100%;
  height: 0.7vw;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
}

.index-one {
  position: relative;
  width: 100%;
  height: 32.55vw;
  min-height: 300px;
	background-image: url('/images/industrial_design_office.jpg');
	background-repeat: no-repeat;
	background-position: left 80%; 
	background-size: 105%;	
}

.index-one:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: #FFFFFF; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(120deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(120deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(120deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(120deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* Standard syntax */
}

.index-one-text {
  position: absolute;
  top: 50%;
  right: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 26vw;
  z-index: 1;
}

.index-one-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
  margin-bottom: 25px;
}

.index-one-desc {
	font-family: "Univers";
	font-size: 1.667rem;
}

.index-one-button {
  color: #F76941;
}

.index-one-button:hover {
  color: #FFC000;
}

.index-one-img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  height: 100%;
  width: 50%;
	background-image: url('/images/one_black_front.png');
	background-repeat: no-repeat;
	background-position: 15% center;
	background-size: auto 70%;
}

.index-lite {
  position: relative;
  width: 100%;
  height: 32.55vw;
  min-height: 300px;
	background-image: url('/images/gym.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;	
}

.index-lite:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: #FFFFFF; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.5)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.5)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.5)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.5)); /* Standard syntax */
}

.index-lite-text {
  position: absolute;
  top: 50%;
  right: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 26vw;
  z-index: 1;
}

.index-lite-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
  margin-bottom: 25px;
}

.index-lite-highlight {
  color: #000;
}

.index-lite-desc {
	font-family: "Univers";
	font-size: 1.667rem;
}

.index-lite-button {
  color: #F76941;
}

.index-lite-button:hover {
  color: #FFC000;
}

.index-lite-img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  height: 100%;
  width: 50%;
	background-image: url('/images/lite_yellow_front.png');
	background-repeat: no-repeat;
	background-position: 20% center;
	background-size: auto 70%;
}

.index-enterprise {
  position: relative;
  width: 100%;
  height: 32.55vw;
  min-height: 300px;
	background-image: url('/images/shipping_containers.jpg');
	background-repeat: no-repeat;
	background-position: left 80%; 
	background-size: 80%;	
}

.index-enterprise:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: #FFFFFF; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.3)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.3)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.3)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-120deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.3)); /* Standard syntax */
}

.index-enterprise-text {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28vw;
  z-index: 1;
}

.index-enterprise-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
  margin-bottom: 25px;
}

.index-enterprise-desc {
	font-family: "Univers";
	font-size: 1.667rem;
}

.index-enterprise-button {
  color: #F76941;
}

.index-enterprise-button:hover {
  color: #FFC000;
}

.index-enterprise-img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  height: 100%;
  width: 50%;
	background-image: url('/images/enterprise_tablet_users.png');
	background-repeat: no-repeat;
	background-position: 80% center;
	background-size: auto 70%;
}

.oneplus-main {
  position: relative;
  width: 100%;
  height: 38vw;
	background: #333333; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(210deg, #111 0%, #333); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(210deg, #111 0%, #333); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(210deg, #111 0%, #333); /* For Firefox 3.6 to 15 */
  background: linear-gradient(210deg, #111 0%, #333); /* Standard syntax */
}

.oneplus-main-picture {
  position: absolute;
  top: 50%;
  left: 15vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 35vw;
  height: 100%;
	background-image: url('/images/one_gray_front.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 70%;
}

.oneplus-main-text {
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28%;
}

.oneplus-main-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
}

.oneplus-main-highlight {
	color: #F76941;
}

.oneplus-main-tagline {
	font-family: "Univers";
	font-size: 1.5rem;
  color: #999;
  margin-bottom: 1.6vw;
}

.oneplus-main-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.oneplus-main-button {
  font-family: "CenturyGothic";
  font-weight: bold;
  position: relative;
	display: inline-block;
	color: #FFF;
	padding: 0.2vw 2vw;
  margin: 1.6vw 0;
	line-height: 30px;
  font-size: 1.2rem;
  border-radius: 5px;
  background: #F76941; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
}

.oneplus-main-button:hover {
  border-radius: 7px;
  opacity: 0.7;
}

.oneplus-main-awards {
	position: absolute;
	bottom: 3vw;
	right: 3vw;
  height: 3vw;
}

.oneplus-main-awards-image {
  height: 100%;
  display: inline-block;
  margin: 0 5px;
}

.oneplus-fingerprint {
  position: relative;
  width: 100%;
  height: 35vw;
	background-image: url('/images/locker_oneplus_gray.png');
	background-repeat: no-repeat;
	background-position: 105% center; 
	background-size: contain;	
}

.oneplus-fingerprint:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: #FFF; /* For browsers that do not support gradients */
  background: linear-gradient(90deg, rgba(242,242,242,1) 42%, rgba(255,255,255,0) 61%); /* Standard syntax (must be last) */
}

.oneplus-fingerprint-text {
  color: #000;
  position: absolute;
  top: 50%;
  left: 22%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.oneplus-fingerprint-title {
	font-family: "CenturyGothic";
	font-size: 3rem;
  margin-bottom: 1vw;
}

.oneplus-fingerprint-highlight {
	color: #F76941;
}

.oneplus-fingerprint-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.oneplus-3ways {
  position: relative;
  width: 100%;
  height: 30vw;
	background-image: url('/images/one_fly.png');
	background-repeat: no-repeat;
	background-position: 75% 55%; 
	background-size: auto 55%;	
}

.oneplus-3ways-text {
  color: #000;
  position: absolute;
  top: 48%;
  left: 22%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.oneplus-3ways-title {
	font-family: "CenturyGothic";
	font-size: 2.5rem;
  margin-bottom: 1vw;
}

.oneplus-3ways-highlight {
	color: #F76941;
}

.oneplus-3ways-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.oneplus-sharing {
  position: relative;
  width: 100%;
  height: 30vw;
}

.oneplus-sharing:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90%;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(5deg);
  -webkit-transform: translateY(-50%) skewY(5deg);
  -moz-transform: translateY(-50%) skewY(5deg);
  -o-transform: translateY(-50%) skewY(5deg);
  -ms-transform: translateY(-50%) skewY(5deg);
  background: #333; /* For browsers that do not support gradients */
  background: linear-gradient(135deg, #333, #222); /* Standard syntax (must be last) */
}

.oneplus-sharing-picture {
  position: absolute;
  top: 60%;
  left: 15vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 35vw;
  height: 100%;
	background-image: url('/images/sharing_iphone_pop.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.oneplus-sharing-text {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.oneplus-sharing-title {
	font-family: "CenturyGothic";
	font-size: 2.5rem;
  margin-bottom: 1vw;
}

.oneplus-sharing-highlight {
	color: #F76941;
}

.oneplus-sharing-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.oneplus-battery {
  position: relative;
  width: 100%;
  height: 30vw;
	background-image: url('/images/oneplus_and_iphone.png');
	background-repeat: no-repeat;
	background-position: 65% 60%; 
	background-size: auto 70%;	
}

.oneplus-battery-text {
  color: #000;
  position: absolute;
  top: 50%;
  left: 22%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.oneplus-battery-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
}

.oneplus-battery-highlight {
	color: #F76941;
}

.oneplus-battery-tagline {
	font-family: "Univers";
	font-size: 1.667rem;
  color: #999;
  margin-bottom: 1.5vw;
}

.oneplus-battery-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.oneplus-waterproof {
  position: relative;
  width: 100%;
  height: 30vw;
	background-image: url('/images/oneplus_waterproof.jpg');
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: cover;	
}

.oneplus-waterproof:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,31,24, 0.5);
}

.oneplus-waterproof-text {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 22%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.oneplus-waterproof-title {
	font-family: "CenturyGothic";
	font-size: 2.5rem;
  margin-bottom: 1vw;
}

.oneplus-waterproof-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.lite-main {
  position: relative;
  width: 100%;
  height: 38vw;
	background-image: url('/images/weightroom.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.lite-main:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,31,24, 0.7);
}

.lite-main-picture {
  position: absolute;
  top: 50%;
  left: 22vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28vw;
  height: 100%;
	background-image: url('/images/3_lites.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.lite-main-awards {
	position: absolute;
	bottom: 3vw;
	right: 3vw;
  height: 3vw;
}

.lite-main-awards-image {
  height: 100%;
  display: inline-block;
  margin: 0 5px;
}

.lite-main-text {
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 22%;
  text-shadow: 0px 0px 10px #000;
}

.lite-main-title {
	font-family: "CenturyGothic";
	font-size: 3.333rem;
}

.lite-main-highlight {
	color: #FFC000;
}

.lite-main-tagline {
	font-family: "Univers";
	font-size: 1.5rem;
  color: #BBB;
  margin-bottom: 1.6vw;
}

.lite-main-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.lite-fingerprint {
  position: relative;
  width: 100%;
  height: 35vw;
	background-image: url('/images/treadmill.jpg');
	background-repeat: no-repeat;
	background-position: center 10%; 
	background-size: 100%;	
}

.lite-fingerprint:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
  background: #FFF; /* For browsers that do not support gradients */
  background: linear-gradient(180deg, rgba(255,255,255,1) 52%, rgba(255,255,255,0) 100%); /* Standard syntax (must be last) */
}

.lite-fingerprint-text {
  color: #000;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 28%;
}

.lite-fingerprint-title {
	font-family: "CenturyGothic";
	font-size: 2.5rem;
  margin-bottom: 2vw;
}

.lite-fingerprint-highlight {
	color: #F76941;
}

.lite-fingerprint-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.lite-fingerprint-picture {
  position: absolute;
  top: 15%;
  left: 55%;
  width: 20vw;
  height: 60%;
	background-image: url('/images/lite_yellow_front.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.lite-fingerprint-picture:before {
  content: "";
  position: absolute;
  top: 72%;
  left: 65%;
  width: 15vw;
  height: 100%;
	background-image: url('/images/transparent_finger.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.lite-3ways {
  position: relative;
  width: 100%;
  height: 28vw;
  z-index: 1;
}

.lite-3ways-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-5deg);
  -webkit-transform: translateY(-50%) skewY(-5deg);
  -moz-transform: translateY(-50%) skewY(-5deg);
  -o-transform: translateY(-50%) skewY(-5deg);
  -ms-transform: translateY(-50%) skewY(-5deg);
  background: #333; /* For browsers that do not support gradients */
  background: linear-gradient(50deg, #111, #333); /* Standard syntax (must be last) */
}

.lite-3ways-top {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  right: 50%;
  transform-origin: 100% 100%;
  transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  background: #F76941; /* For browsers that do not support gradients */
  background: linear-gradient(to right, #F76941, #FFC000); /* Standard syntax (must be last) */
}

.lite-3ways-bottom {
  position: absolute;
  width: 50%;
  height: 50%;
  bottom: 0;
  left: 50%;
  transform-origin: 0% 0%;
  transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  background: #F76941; /* For browsers that do not support gradients */
  background: linear-gradient(to left, #F76941, #FFC000); /* Standard syntax (must be last) */
}

.lite-3ways-text {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 28%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 45%;
}

.lite-3ways-highlight {
  color: #FFC000;
}

.lite-3ways-title {
	font-family: "CenturyGothic";
	font-size: 3rem;
  display: inline-block;
  width: 42%;
  vertical-align: middle;
}

.lite-3ways-desc {
	font-family: "Univers";
	font-size: 1.2rem;
  display: inline-block;
  width: 55%;
  vertical-align: middle;
}

.lite-sharing {
  position: relative;
  width: 100%;
  height: 38vw;
}

.lite-sharing-picture {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 35vw;
  height: 100%;
	background-image: url('/images/iphone_lite-red.png');
	background-repeat: no-repeat;
	background-position: 30% 38%;
	background-size: auto 70%;
}

.lite-sharing-text {
  color: #000;
  position: absolute;
  top: 47%;
  left: 22%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28%;
}

.lite-sharing-title {
	font-family: "CenturyGothic";
	font-size: 2.5rem;
  margin-bottom: 2vw;
}

.lite-sharing-highlight {
	color: #F76941;
}

.lite-sharing-desc {
	font-family: "Univers";
	font-size: 1.25rem;
}

.lite-battery {
  position: relative;
  width: 100%;
  height: 28vw;
  background-color: #EEE;
}

.lite-battery:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  transform-origin: 0% 0%;
  transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  background-color: #EEE;
}

.lite-battery:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	background-image: url('/images/lite_black_laid.png');
	background-repeat: no-repeat;
	background-position: 75% 50%; 
	background-size: auto 80%;	
}

.lite-battery-text {
  color: #000;
  position: absolute;
  top: 45%;
  left: 22%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.lite-battery-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
}

.lite-battery-highlight {
	color: #F76941;
}

.lite-battery-tagline {
	font-family: "Univers";
	font-size: 1.667rem;
  color: #999;
  margin-bottom: 1.5vw;
}

.lite-battery-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.lite-forget {
  position: relative;
  width: 100%;
  height: 28vw;
  background: #111111; /* For browsers that do not support gradients */
  background: radial-gradient(circle, rgba(30,33,38,1) 0%, rgba(0,0,0,1) 100%); /* Standard syntax (must be last) */
  z-index: -1;
  overflow: hidden;
}

.lite-forget:before {
  content: "";
  position: absolute;
  width: 60vw;
  height: 100%;
  top: -5vw;
  left: -10vw;
	background-image: url('/images/lite_yellow_10deg.png');
	background-repeat: no-repeat;
	background-position: center; 
	background-size: auto 120%;	
}

.lite-forget:after {
  content: "";
  position: absolute;
  width: 60vw;
  height: 100%;
  bottom: -8vw;
  right: -10vw;
	background-image: url('/images/lite_red_20deg.png');
	background-repeat: no-repeat;
	background-position: center; 
	background-size: auto 120%;	
}

.lite-forget-text {
  font-family: "Univers";
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 3rem;
}

.lite-forget-highlight {
	color: #FFC000;
}

.enterprise-main {
  position: relative;
  width: 100%;
  height: 43vw;
  min-height: 350px;
	background-image: url('/images/port_containers.jpg');
	background-repeat: no-repeat;
	background-position: left 80%; 
	background-size: 105%;	
}

.enterprise-main:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,31,24, 0.7);
  background: radial-gradient(circle, rgba(43,33,33, 0.79) 0%, rgba(35,16,3, 0.82) 100%); /* Standard syntax (must be last) */
}

.enterprise-main-picture {
  position: absolute;
  top: 50%;
  right: 54%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28vw;
  height: 100%;
	background-image: url('/images/enterprise_tablet_lockinfo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-main-picture-lockblack {
  position: absolute;
  top: 50%;
  left: 51%;
  width: 12vw;
  height: 29%;
	background-image: url('/images/one_black_front.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-main-picture-locksilver {
  position: absolute;
  top: 50%;
  left: 71%;
  width: 12vw;
  height: 27%;
	background-image: url('/images/one_silver_front.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-main-text {
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 28%;
  text-shadow: 0px 0px 10px #000;
}

.enterprise-main-highlight {
  color: #F76941;
}

.enterprise-main-title {
	font-family: "CenturyGothic";
	font-size: 3rem;
}

.enterprise-main-tagline {
	font-family: "Univers";
	font-size: 1.5rem;
  color: #AAA;
  margin-bottom: 1.6vw;
}

.enterprise-main-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.enterprise-main-clienticons {
  margin-top: 1vw;
  width: 100%;
}

.enterprise-main-clienticon {
  display: inline-block;
  width: 5.5vw;
  height: 2vw;
  margin: auto 1vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-manage {
  position: relative;
  width: 100%;
  height: 30vw;
}

.enterprise-manage-picture {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 30vw;
  height: 100%;
}

.enterprise-manage-picture:before {
  content: "";
  position: absolute;
  top: 56%;
  left: 38%;
  transform-origin: 50% 50%;
  transform: translate(-50%,-50%) perspective(300px) rotateY(-10deg);
  -webkit-transform: translate(-50%,-50%) perspective(300px) rotateY(-10deg);
  -moz-transform: translate(-50%,-50%) perspective(300px) rotateY(-10deg);
  -o-transform: translate(-50%,-50%) perspective(300px) rotateY(-10deg);
  -ms-transform: translate(-50%,-50%) perspective(300px) rotateY(-10deg);
  width: 22vw;
  height: 22vw;
	background-image: url('/images/enterprise_ui_userinfo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-manage-picture:after {
  content: "";
  position: absolute;
  top: 46%;
  left: 52%;
  transform-origin: 50% 50%;
  transform: translate(-50%,-50%) perspective(300px) rotateY(-12deg);
  -webkit-transform: translate(-50%,-50%) perspective(300px) rotateY(-12deg);
  -moz-transform: translate(-50%,-50%) perspective(300px) rotateY(-12deg);
  -o-transform: translate(-50%,-50%) perspective(300px) rotateY(-12deg);
  -ms-transform: translate(-50%,-50%) perspective(300px) rotateY(-12deg);
  width: 22vw;
  height: 22vw;
	background-image: url('/images/enterprise_ui_users.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-manage-text {
  color: #000;
  position: absolute;
  top: 50%;
  right: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.enterprise-manage-highlight {
  color: #F76941;
}

.enterprise-manage-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
  margin-bottom: 2.5vw;
}

.enterprise-manage-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.enterprise-audit {
  position: relative;
  width: 100%;
  height: 30vw;
  background-color: #222;
}

.enterprise-audit-picture {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 30vw;
  height: 100%;
	background-image: url('/images/enterprise_crossdevice.png');
	background-repeat: no-repeat;
	background-position: center 70%;
	background-size: contain;
}

.enterprise-audit-text {
  color: #FFF;
  position: absolute;
  top: 50%;
  right: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.enterprise-audit-highlight {
  color: #F76941;
}

.enterprise-audit-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
  margin-bottom: 2.5vw;
}

.enterprise-audit-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.enterprise-enroll {
  position: relative;
  width: 100%;
  height: 30vw;
  overflow: hidden;
  background: rgb(247,246,246);
  background: -moz-linear-gradient(144deg, rgba(247,246,246,1) 74%, rgba(217,217,217,1) 100%);
  background: -webkit-linear-gradient(144deg, rgba(247,246,246,1) 74%, rgba(217,217,217,1) 100%);
  background: linear-gradient(144deg, rgba(247,246,246,1) 74%, rgba(217,217,217,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f6f6",endColorstr="#d9d9d9",GradientType=1);
}

.enterprise-enroll-picture {
  position: absolute;
  top: 52%;
  left: 52%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 30vw;
  height: 98%;
	background-image: url('/images/box2_side.png');
	background-repeat: no-repeat;
	background-position: 57% 27%;
	background-size: auto 62%;
}

.enterprise-enroll-picture-boxfront {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 5%;
  width: 50%;
  height: 70%;
	background-image: url('/images/box2_front.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-enroll-picture-finger {
  position: absolute;
  bottom: -3%;
  left: 50%;
  width: 50%;
  height: 57%;
	background-image: url('/images/transparent_finger_side.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.enterprise-enroll-text {
  color: #000;
  position: absolute;
  top: 50%;
  right: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.enterprise-enroll-highlight {
  color: #F76941;
}

.enterprise-enroll-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
  margin-bottom: 2.5vw;
}

.enterprise-enroll-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.enterprise-padlock {
  position: relative;
  width: 100%;
  height: 32.55vw;
  min-height: 300px;
	background-image: url('/images/containers_field.jpg');
	background-repeat: no-repeat;
	background-position: left 80%; 
	background-size: 105%;	
}

.enterprise-padlock:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: #FFFFFF; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(165deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(165deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(165deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(165deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0)); /* Standard syntax */
}

.enterprise-padlock-text {
  color: #000;
  position: absolute;
  top: 50%;
  right: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25%;
}

.enterprise-padlock-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
  margin-bottom: 25px;
}

.enterprise-padlock-highlight {
  color: #F76941;
}

.enterprise-padlock-desc {
	font-family: "Univers";
	font-size: 1.2rem;
}

.enterprise-padlock-button {
  color: #F76941;
}

.enterprise-padlock-button:hover {
  color: #FFC000;
}

.enterprise-padlock-picture {
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 26vw;
  height: 100%;
	background-image: url('/images/one_black_front.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 70%;
}

.enterprise-ready {
  position: relative;
  width: 100%;
  height: 18vw;
  background: #FFF;
  overflow: hidden;
}

.enterprise-ready:before {
  content: "";
  position: absolute;
  width: 60vw;
  height: 100%;
  top: -5vw;
  left: -10vw;
	background-image: url('/images/one_outline.png');
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;	
  opacity: 0.2;
}

.enterprise-ready:after {
  content: "";
  position: absolute;
  width: 60vw;
  height: 100%;
  bottom: -8vw;
  right: -10vw;
	background-image: url('/images/one_outline.png');
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;	
  opacity: 0.2;
}

.enterprise-ready-text {
  color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 1;
}

.enterprise-ready-highlight {
  color: #F76941;
}

.enterprise-ready-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
  margin-bottom: 2vw;
}

.enterprise-ready-button {
  font-family: "CenturyGothic";
  font-weight: bold;
  display: inline-block;
  color: #FFF;
  padding: 0.7vw 3vw;
  font-size: 1.2rem;
  border-radius: 0.5vw;
  background: #F76941;
  background: -webkit-linear-gradient(left top, #F76941, #FFC000);
  background: -o-linear-gradient(bottom right, #F76941, #FFC000);
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000);
  background: linear-gradient(to bottom right, #F76941, #FFC000);
  -webkit-backface-visibility: hidden;  /* To fix jiggling issues in Chrome */
  -webkit-transform: translateZ(0) scale(1.0, 1.0);  /* To fix jiggling issues in Chrome */
  transform: translateZ(0);  /* To fix jiggling issues in Chrome */
}

.enterprise-ready-button:hover {
  opacity: 0.7;
  border-radius: 0.7vw;
}

.enterprise-form {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.enterprise-form-page {
  position: fixed;
  top: 50%;
  left: 50%;
  transform-origin: 50% 0%;
  transform: translate(-50%,-50%) perspective(300px) rotateX(-5deg);
  -webkit-transform: translate(-50%,-50%) perspective(300px) rotateX(-5deg);
  -moz-transform: translate(-50%,-50%) perspective(300px) rotateX(-5deg);
  -o-transform: translate(-50%,-50%) perspective(300px) rotateX(-5deg);
  -ms-transform: translate(-50%,-50%) perspective(300px) rotateX(-5deg);
  padding: 2.5vw 2.5vw;
  background-color: #FFF;
  border-radius: 2vw;
  transition: all 0.3s;
}

.enterprise-form-page.active {
  transform: translate(-50%,-50%) perspective(300px) rotateX(0deg);
  -webkit-transform: translate(-50%,-50%) perspective(300px) rotateX(0deg);
  -moz-transform: translate(-50%,-50%) perspective(300px) rotateX(0deg);
  -o-transform: translate(-50%,-50%) perspective(300px) rotateX(0deg);
  -ms-transform: translate(-50%,-50%) perspective(300px) rotateX(0deg);
}

.enterprise-form-title {
	font-family: "CenturyGothic";
	font-size: 2rem;
  text-align: center;
}

.enterprise-form-highlight {
	color: #F76941;
}

.enterprise-form-container {
  max-height: 100vh;
  transition: all 1s;
  overflow: hidden;
  margin-top: 2vw;
}

.enterprise-form-container.active {
  max-height: 0;
  margin-top: 0;
}

.enterprise-form-header {
	font-family: "Univers";
	font-size: 1rem;
  margin-bottom: 0.5vw;
}

.enterprise-form-input {
	font-family: "Univers";
	font-size: 1rem;
  width: 30vw;
  padding: 0.5vw;
  border: 1px solid #CCC;
  border-radius: 0.3vw;
  margin-bottom: 0.5vw;
}

.enterprise-form-button {
  font-family: "CenturyGothic";
  font-weight: bold;
  color: #FFF;
  padding: 1.2vw 2.5vw;
  font-size: 1.2rem;
  border-radius: 0.5vw;
  background: #F76941;
  background: -webkit-linear-gradient(left top, #F76941, #FFC000);
  background: -o-linear-gradient(bottom right, #F76941, #FFC000);
  background: -moz-linear-gradient(bottom right, #F76941, #FFC000);
  background: linear-gradient(to bottom right, #F76941, #FFC000);
  -webkit-backface-visibility: hidden;  /* To fix jiggling issues in Chrome */
  -webkit-transform: translateZ(0) scale(1.0, 1.0);  /* To fix jiggling issues in Chrome */
  transform: translateZ(0);  /* To fix jiggling issues in Chrome */
  border: none;
  display: block;
  margin-top: 2vw;
  width: 100%;
  cursor: pointer;
}

.enterprise-form-button:hover {
  opacity: 0.7;
  border-radius: 0.7vw;
}

.enterprise-form-button-wait {
  font-family: "CenturyGothic";
  font-weight: bold;
  color: #FFF;
  padding: 1.2vw 2.5vw;
  font-size: 1.2rem;
  border-radius: 0.5vw;
  background: #333;
  border: none;
  display: block;
  margin-top: 2vw;
  width: 100%;
  text-align: center;
}

/* For phones: */
@media only screen and (max-width: 768px) {
  html {
    font-size: 4vw;
  }
  
  .topbar {
    height: 7.5vh;
  }
  
  .topbar-logo {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    height: 100%;
    width: 30vw;
    background-size: auto 50%;
  }
  
  .topbar-menu {
    width: 100%;
    top: 100%;
    right: 0;
    max-height: 0;
    bottom: auto;
    left: auto;
    position: absolute;
    overflow: hidden;
    transition: all 0.3s;
    background-color: #FFF;
    text-align: left;
  }
  
  .topbar-menu.active {
    max-height: 50vh;
    border-bottom: 2vw solid #333;
  }
  
  
  #topbar-menu-products {
    display: none;
  }
  
  .topbar-products-container {
    position: relative;
    float: left;
    top: auto;
    left: auto;
    width: 100%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    padding: 5vw 0 1vw;
    text-align: left;
  }
  
  .topbar-products-title {
    display: block;
    font-family: "Univers";
    color: #777;
    font-size: 0.8rem;
    padding: 0 5vw;
  }
  
  .topbar-products {
    display: block !important;
    position: relative;
    top: auto;
    left: auto;
    background-color: transparent;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    white-space: normal;
    padding: 2.5vw 3vw;
    box-shadow: none;
  }
  
  .topbar-product {
    margin: 0 5%;
    padding: 5vw 0;
    vertical-align: top;
    width: 40%;
    text-align: center;
    display: block;
    float: left;
  }
  
  .topbar-product-oneplus, .topbar-product-lite {
    width: 15vw;
    height: 15vw;
  }
  
  .topbar-product-oneplus:before, .topbar-product-lite:before {
    font-size: 0.6rem;
    width: 500%;
  }
  
  .topbar-product-title {
    font-size: 1rem;
  }
  
  .topbar-product-desc {
    font-size: 0.667rem;
  }
  
  .topbar-menu-item {
    display: block;
    width: 100%;
    height: 7.5vh;
    line-height: 7.5vh;
    padding: 0 5vw;
    margin: 0;
    color: #000;
  }
  
  .topbar-menu-item:before {
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    height: 80%;
    width: 2vw;
    background: #F76941; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #F76941, #FFC000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #F76941, #FFC000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #F76941, #FFC000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #F76941, #FFC000); /* Standard syntax */
  }
  
  .topbar-menu-item:hover {
    color: #FFF;
    background: #333333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #333333, #555555); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #333333, #555555); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #333333, #555555); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #333333, #555555); /* Standard syntax */
  }
  
  .topbar-menu-item:hover:after {
    display: none;
  }
  
  .topbar-menu-buy {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 20px;
    line-height: 7.5vh;
    height: 7.5vh;
    border-radius: 0;
  }
  
  .topbar-menu-buy:hover {
    opacity: 1;
    border-radius: 0;
  }
  
  .topbar-menu-buy.active {
    position: fixed;
    top: 0;
    right: 16vw;
    width: 40vw;
    text-align: center;
    padding: 0;
  }
  
	.topbar-hamburger {
    font-family: "Univers";
		position: absolute;
		color: #FFF;
		font-size: 2rem;
		padding-right: 10px;
		right: 0;
		top: 0;
    bottom: auto;
    left: auto;
		height: 7.5vh;
		line-height: 7.5vh;
    text-align: center;
		display: block;
	}
  
  .topbar-shopnow-products-title {
    font-size: 2rem;
    position: relative;
    width: 100%;
    top: auto;
    margin-bottom: 2vw;
  }
  
  .topbar-shopnow-products {
    width: 90%;
  }
  
  .topbar-shopnow-product {
    display: block;
    width: 100%;
    margin: 0;
    background-color: #EEE;
    border-radius: 3vw;
    margin-bottom: 3vw;
  }
  
  .topbar-shopnow-product-oneplus, .topbar-shopnow-product-lite {
    width: 20vw;
    height: 20vw;
  }
  
  .topbar-shopnow-product-oneplus:before, .topbar-shopnow-product-lite:before {
    padding: 1vw;
  }
  
  .topbar-shopnow-product-title {
    font-size: 1.333rem;
  }
  
  .topbar-shopnow-product-desc {
    font-size: 1rem;
  }
  
  .topbar-banner {
    top: 7.5vh;
    padding: 2vh;
    font-size: 1rem;
  }
  
  .shop {
    padding: 15vw 0;
  }
  
  .shop-title {
    font-size: 2rem;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  
	.shop-notice {
		width: 85%;
    font-size: 1rem;
    padding: 5vw;
    margin-bottom: 5vw;
	}
	
	.shop-row {
		min-width: 0;
		width: 85%;
	}
  
  .shop-policy {
    text-align: center;
  }
  
	.shop-reviews {
		min-width: 0;
		width: 85%;
	}
  
  .shop-reviews-button {
    margin-top: 5vw;
    width: 100%;
    padding: 2vw;
    text-align: center;
    border-radius: 2vw;
  }
	
	.shop_product {
		width: 100%;
    margin-bottom: 5vw;
	}
  
  .shop_p_img {
    height: 50vw;
    margin-bottom: 3vw;
  }
	
	.shop_p_title {
		font-size: 1.5rem;
	}
  
  .shop_p_soldout {
    margin-top: 3vw;
    width: 50vw;
    padding: 2vw;
    border-radius: 2vw;
  }
  
  .shop_p_buy {
    margin-top: 3vw;
    width: 50vw;
    padding: 2vw;
    border-radius: 2vw;
  }
  
  .shop_product_l {
    padding: 10vw 5vw;
    margin-bottom: 7vw;
    border-radius: 3vw;
    font-size: 1.2rem;
  }
	
	.shop_pl_img {
		width: 100%;
		padding: 0;
    height: 50vw;
    margin-bottom: 3vw;
	}
  
  .shop_pl_title {
    font-size: 1.5rem;
    text-align: center;
  }
  
  .shop_pl_info {
		width: 100%;
		padding: 0;
	}
  
  .shop_pl_price, .shop_pl_price-discount {
    margin-left: 7vw;
  }
  
  .shop_pl_tag {
    padding: 0.5vw 1.5vw;
  }
  
  .shop_pl_selection_form {
    margin-top: 3vw;
  }
  
  .shop_pl_soldout {
    margin-top: 5vw;
    width: 100%;
    padding: 2vw;
    text-align: center;
    border-radius: 2vw;
  }
  
  .shop_pl_buy {
    margin-top: 5vw;
    width: 100%;
    padding: 2vw;
    text-align: center;
    border-radius: 2vw;
  }
  
  .cart-tab {
    width: 12vw;
    height: 15vw;
    font-size: 1rem;
    top: 70%;
  }
  
  .cart-tab:hover {
    width: 15vw;
  }
  
  .cart.active {
    width: 100%;
  }
  
  .cart-item-container {
    padding-top: 3vw;
  }
  
  .cart-item_img {
    width: 20vw;
    height: 20vw;
  }
  
  .cart-item_content {
    width: calc(100% - 20vw);
    padding-left: 5vw;
  }
  
  .cart-item_title {
    font-size: 1.2rem;
  }
  
  .cart-item_variant-title {
    font-size: 1rem;
  }
  
  .cart-item-minus, .cart-item-plus {
    height: 6vw;
    line-height: 6vw;
    width: 7.3vw;
  }
  
  .cart-item_quantity {
    height: 6vw;
    line-height: 6vw;
    width: 20vw;
  }
  
  .cart-checkout {
    padding: 5vw;
    border-radius: 1vw;
  }

  .popup-email-page {
    padding: 18vw 8vw;
    width: 85%;
    font-family: "Univers";
    font-size: 1.1rem;
    border-radius: 3vw;
  }

  .popup-email-title {
    font-size: 1.5rem;
    margin-bottom: 3vw;
  }

  .popup-email-text {
    font-size: 1.1rem;
    margin-bottom: 3vw;
  }

  .popup-email-form {
    font-size: 1.1rem;
    margin-bottom: 3vw;
  }

  .popup-email-input {
    padding: 2vw;
    font-size: 1.2rem;
    margin-top: 1vw;
  }

  .popup-email-subscribe, .popup-email-ok {
    padding-top: 3vw;
    padding-bottom: 3vw;
    width: 100%;
    border-radius: 3vw;
    margin-bottom: 3vw;
  }

  .popup-email-subscribe:hover, .popup-email-ok:hover {
    opacity: 0.7;
    border-radius: 5vw;
  }

  .popup-email-wait {
    padding-top: 3vw;
    padding-bottom: 3vw;
    width: 100%;
    border-radius: 3vw;
    margin-bottom: 3vw;
  }

  .popup-email-coupon {
    width: 100%;
  }

  .popup-email-footer {
    font-size: 0.667rem;
  }

  .popup-email-close {
    margin-top: 3vw;
    font-size: 1rem;
  }
  
  .divider {
    height: 3vw;
  }
  
  .page-header {
    height: 35vw;
  }
  
  .page-header:before {
    background-color: rgba(38,31,24, 0.7);
  }

  .page-header-title {
    font-size: 2.5rem;
    bottom: 5vw;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .page-content {
    padding: 20vw 12.5vw;
    font-family: "Univers";
    color: #000;
    font-size: 1rem;
  }
  
  .page-content-title {
    font-size: 1.1rem;
  }
  
  .page-content-button {
    padding: 3vw 10vw;
    font-size: 1rem;
    border-radius: 3vw;
  }

  .page-content-button:hover {
    border-radius: 7vw;
  }
  
  .index-main {
    background-position: 30% 80%;
    background-size: cover;
    height: 150vw;
  }
  
  .index-main-text {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 85%;
    text-align: center;
  }
  
  .index-main-title {
    font-size: 2rem;
  }
  
  .index-main-desc {
    font-size: 1.1rem;
  }
  
  .index-main-more {
    font-size: 1rem;
  }
  
  .index-one {
    height: 170vw;
    background-position: center;
    background-size: cover;
  }
  
  .index-lite {
    height: 170vw;
    background-position: right center;
    background-size: cover;
  }
  
  .index-enterprise {
    height: 170vw;
    background-position: center;
    background-size: cover;
  }
  
  .index-one-title, .index-lite-title, .index-enterprise-title {
    font-size: 2rem;
  }
  
  .index-one-desc, .index-lite-desc, .index-enterprise-desc {
    font-size: 1rem;
  }
  
  .index-one:before {
    background: linear-gradient(150deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0));
  }
  
  .index-lite:before {
    background: linear-gradient(150deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.5));
  }
  
  .index-enterprise:before {
    background: linear-gradient(-150deg, rgba(250,250,250,1) 50%, rgba(255,192,0,0.3));
  }
  
  .index-one-text, .index-lite-text {
    top: 20vw;
    left: 15vw;
    bottom: auto;
    right: auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    width: 70%;
  }
  
  .index-one-img, .index-lite-img {
    width: 100%;
    background-position: 70% 80%;
    background-size: auto 50%;
  }
  
  .index-enterprise-text {
    top: 20vw;
    left: 15vw;
    bottom: auto;
    right: auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    width: 70%;
  }
  
  .index-enterprise-img {
    width: 100%;
    background-position: center 80%;
    background-size: 70%;
  }
  
  .oneplus-main {
    background-position: 30% 80%;
    background-size: cover;
    height: 90vh;
  }
  
  .oneplus-main-picture {
    width: 100%;
    height: calc(100% - 82vw);
    top: 0;
    left: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    background-size: auto 75%;
    background-position: center 95%;
  }
  
  .oneplus-main-text {
    top: auto;
    bottom: 15vw;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .oneplus-main-title {
    font-size: 2rem;
  }
  
  .oneplus-main-tagline {
    font-size: 1.2rem;
  }
  
  .oneplus-main-desc {
    font-size: 1rem;
  }
  
  .oneplus-main-button {
    width: 85%;
    margin-top: 5vw;
    padding: 2vw;
  }
  
  .oneplus-main-awards {
    display: none;
  }
  
  .oneplus-fingerprint {
    height: 240vw;
    background-position: center 120%;
    background-size: auto 60%;
  }
  
  .oneplus-fingerprint:before {
    height: 100%;
    background-position: center bottom;
    background-size: auto 50%;
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
  }
  
  .oneplus-fingerprint-text {
    left: 50%;
    top: 12%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .oneplus-fingerprint-title {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  
  .oneplus-3ways {
    height: 150vw;
    background-position: center 90%;
    background-size: 90%;
  }
  
  .oneplus-3ways-text {
    left: 50%;
    top: 18%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .oneplus-3ways-title {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  
  .oneplus-sharing {
    height: 200vw;
  }
  
  .oneplus-sharing-text {
    left: 50%;
    top: 20%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .oneplus-sharing-title {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  
  .oneplus-sharing-picture {
    width: 100%;
    left: 0;
    background-position: center bottom;
    background-size: 100%;
  }
  
  .oneplus-battery {
    height: 270vw;
    background-position: center 90%;
    background-size: 80%;
  }
  
  .oneplus-battery-text {
    left: 50%;
    top: 10%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .oneplus-battery-title {
    font-size: 2rem;
  }
  
  .oneplus-battery-tagline {
    margin-bottom: 5vw;
  }
  
  .oneplus-waterproof {
    height: 150vw;
  }
  
  .oneplus-waterproof-text {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 85%;
    text-align: center;
  }
  
  .lite-main {
    background-position: 30% 80%;
    background-size: cover;
    height: 160vw;
  }
  
  .lite-main-picture {
    width: 100%;
    left: 0;
    background-size: 85%;
    background-position: center 30%;
  }
  
  .lite-main-awards {
    display: none;
  }
  
  .lite-main-text {
    top: 55%;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .lite-main-title {
    font-size: 2rem;
  }
  
  .lite-main-tagline {
    font-size: 1.2rem;
    margin-bottom: 5vw;
  }
  
  .lite-main-desc {
    font-size: 1.1rem;
  }
  
  .lite-fingerprint {
    height: 240vw;
    background-position: center 120%;
    background-size: auto 60%;
  }
  
  .lite-fingerprint:before {
    height: 100%;
    background-position: center bottom;
    background-size: auto 50%;
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
  }
  
  .lite-fingerprint-text {
    left: 50%;
    top: 12%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .lite-fingerprint-title {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  
  .lite-fingerprint-picture {
    width: 100%;
    height: 50%;
    top: 45%;
    left: 0;
    background-position: center 0%;
    background-size: auto 85%;
  }
  
  .lite-fingerprint-picture:before {
    top: 55%;
    left: 65%;
    width: 50vw;
    height: 100%;
    background-position: center center;
    background-size: contain;
  }
  
  .lite-3ways {
    height: 200vw;
  }
  
  .lite-3ways-text {
    width: 85%;
    left: 7.5%;
  }
  
  .lite-3ways-title {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 10vw;
    font-size: 2.5rem;
  }
  
  .lite-3ways-desc {
    display: block;
    text-align: center;
    width: 100%;
  }
  
  .lite-sharing {
    height: 260vw;
  }
  
  .lite-sharing:before {
    height: 100%;
    background-position: center bottom;
    background-size: auto 50%;
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 70%);
  }
  
  .lite-sharing-text {
    left: 50%;
    top: 12%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .lite-sharing-title {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  
  .lite-sharing-picture {
    width: 100%;
    top: 40%;
    left: 0;
    height: 60%;
    background-position: 40% 45%;
    background-size: 80%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  
  .lite-battery {
    height: 280vw;
    background-color: #F5F5F5;
  }
  
  .lite-battery:before {
    background-color: #F5F5F5;
  }
  
  .lite-battery-text {
    left: 50%;
    top: 10%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .lite-battery-title {
    font-size: 2rem;
  }
  
  .lite-battery-tagline {
    margin-bottom: 5vw;
  }
  
  .lite-battery:after {
    background-position: center 160%;
    background-size: auto 80%;
  }
  
  .lite-forget {
    height: 250vw;
    overflow: hidden;
  }
  
  .lite-forget:before {
    width: 100%;
    height: 100%;
    top: -32%;
    left: -25%;
    background-size: 200%;
  }
  
  .lite-forget-text {
    top: 47%;
  }
  
  .lite-forget:after {
    width: 100%;
    height: 80%;
    top: 55%;
    left: 10%;
    background-size: 350%;
  }
  
  .enterprise-main {
    background-position: 30% 80%;
    background-size: cover;
    height: 200vw;
  }
  
  .enterprise-main-picture {
    width: 100%;
    left: 0;
    background-size: 75%;
    background-position: center 20%;
  }
  
  .enterprise-main-picture-lockblack {
    top: 29%;
    left: 47%;
    width: 35vw;
    height: 35vw;
  }

  .enterprise-main-picture-locksilver {
    top: 29%;
    left: 65%;
    width: 33vw;
    height: 33vw;
  }
  
  .enterprise-main-text {
    top: 51%;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .enterprise-main-title {
    font-size: 2rem;
  }
  
  .enterprise-main-tagline {
    font-size: 1.1rem;
    margin-bottom: 5vw;
  }
  
  .enterprise-main-desc {
    font-size: 1.1rem;
  }
  
  .enterprise-main-clienticons {
    margin-top: 1vw;
    text-align: center;
  }

  .enterprise-main-clienticon {
    width: 30%;
    height: 5vw;
    margin: none;
  }
  
  .enterprise-manage {
    height: 180vw;
    background-position: center 120%;
    background-size: auto 60%;
  }
  
  .enterprise-manage-text {
    left: 50%;
    top: 12%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .enterprise-manage-title {
    font-size: 1.8rem;
    margin-bottom: 5vw;
  }
  
  .enterprise-manage-desc {
    font-size: 1rem;
  }
  
  .enterprise-manage-picture {
    width: 100%;
    height: 50%;
    top: 45%;
    left: 0;
    background-position: center 0%;
    background-size: auto 85%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  
  .enterprise-manage-picture:before, .enterprise-manage-picture:after {
    width: 65vw;
    height: 65vw;
  }
  
  .enterprise-audit {
    height: 190vw;
    background-position: center 120%;
    background-size: auto 60%;
  }
  
  .enterprise-audit-text {
    left: 50%;
    top: 15%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .enterprise-audit-title {
    font-size: 1.8rem;
    margin-bottom: 5vw;
  }
  
  .enterprise-audit-picture {
    width: 100%;
    height: 50%;
    top: 45%;
    left: 0;
    background-position: 60% 70%;
    background-size: 85%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  
  .enterprise-enroll {
    height: 220vw;
  }
  
  .enterprise-enroll-text {
    left: 50%;
    top: 12%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .enterprise-enroll-title {
    font-size: 1.8rem;
    margin-bottom: 5vw;
  }
  
  .enterprise-enroll-picture {
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    background-position: 70% 15%;
    background-size: auto 70%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  
  .enterprise-enroll-picture-boxfront {
    left: 10%;
  }
  
  .enterprise-enroll-picture-finger {
    left: 60%;
    bottom: -3%;
    background-position: center bottom;
  }
  
  .enterprise-padlock {
    height: 240vw;
    background-position: center 120%;
    background-size: auto 60%;
    background-position: center;
    background-size: auto 100%;
  }
  
  .enterprise-padlock-text {
    left: 50%;
    top: 10%;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width: 85%;
    text-align: center;
  }
  
  .enterprise-padlock-title {
    font-size: 1.8rem;
    margin-bottom: 5vw;
  }
  
  .enterprise-padlock-picture {
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    background-position: center 0%;
    background-size: auto 85%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  
  .enterprise-ready {
    height: 90vw;
    background-position: center 120%;
    background-size: auto 60%;
  }
  
  .enterprise-ready:before {
    top: -45vw;
    opacity: 0.07;
  }
  
  .enterprise-ready:after {
    bottom: -45vw;
    opacity: 0.07;
  }
  
  .enterprise-ready-text {
    left: 50%;
    top: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 85%;
    text-align: center;
  }
  
  .enterprise-ready-title {
    font-size: 2rem;
    margin-bottom: 5vw;
  }
  
  .enterprise-ready-button {
    padding: 3vw;
    width: 85%;
    border-radius: 2vw;
  }
  
  .enterprise-ready-button:hover {
    border-radius: 5vw;
  }
  
  .enterprise-form-page {
    padding: 5vw;
  }
  
  .enterprise-form-input {
    width: 75vw;
    padding: 1vw;
    border-radius: 1vw;
    margin-bottom: 2vw;
  }
  
  .enterprise-form-button, .enterprise-form-button:hover, .enterprise-form-button-wait {
    border-radius: 2vw;
    padding: 3vw;
  }
  
  .bottom {
    padding: 50vw 10vw 10vw 10vw;
  }
  
  .bottom-social {
    width: 80%;
    left: 10%;
    right: auto;
  }
  
  .bottom-social-support {
    width: 100%;
  }
  
  .bottom-social-icon {
    height: 7vw;
    width: 7vw;
  }
  
  .bottom-menu-section {
    width: 39vw;
    margin: 0;
    text-align: center;
  }
  
  .bottom-menu-section-title {
    width: 70%;
    display: inline-block;
    font-size: 1rem;
  }
  
  .bottom-menu-section-link {
    font-size: 1rem;
    margin-bottom: 3vw;
  }
  
  .bottom-menu {
    margin-bottom: 3vw;
  }
  
  .bottom-copyright {
    font-size: 0.667rem;
    margin-top: 10vw;
  }
}