@charset "utf-8";
/* Global Styles */
a:hover {
	color: rgba(255,0,0,0);
}
/*header*/
header {
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,0.00);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	
}
/* Logo placeholder*/
#logo {
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 40px;
	text-align: center;
	color: rgba(0,0,0,0.00);
	background-color: rgba(0,0,0,0.00);
}
/* div for Links in header */
#headerLinks {
	float: left;
	width: calc( 100% - 139px );
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgba(255,0,153,0);
	
}
/* Links in header */
#headerLinks a {
	text-decoration: none;
	color: rgba(255,0,0,0);
	padding-left: 66px;
	font-size: 14px;
	
}
/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	padding-top: 900px;
}
#tablepage {
	clear: both;
	overflow: auto;
	padding-top: 0px;
}
#videos {
	clear: both;
	overflow: auto;
	padding-top: 900px;
}
/* main content of the site */
#content .mainContent {
	float: center;
	width: 100%;
	text-align: center;
	padding-left: 0%;
	
	
}
#videos .videoContent {
	float: center;
	width: 100%;
	text-align: center;
	padding-left: 0%;
}
/* Whole page content */
#mainWrapper {
	width: 100%;
	padding-left: 0%;
}
/*menu elements */

.productRowx3 {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	

	
}
.productRowx2 {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	
}
/* Product rows for catalog */
#content .mainContent .productRowx3 {
	overflow: auto;
	align-items: center;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
}
#videos .videoContent .productRowx2 {
	overflow: auto;
	align-items: center;
	color: rgba(0,0,0,0.00);
}
/* Each product Information in the catalog */
.mainContent .productRowx3 .productHolderx3 {
	float: left;
	padding-left: 0%;
	padding-right: 0%;
	align-items: center;
	width: 33.3333%;
	
}
.minipics {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    float: left;
	padding-left: 0%;
	padding-right: 0%;
	align-items: center;
	width: 50%;
	
}
.fullContent .fullRow .fullInfo {
	float: left;
	align-items: center;
	padding-left: 10%;
	padding-right: 0%;
	align-items: center;
	width: 90%;
	
}
.singleInfo {
	float: left;
	align-items: center;
	padding-left: 0%;
	padding-right: 0%;
	align-items: center;
	width: 100%;
	
}
/* Each product Information in the catalog */
.mainContent .productRowx3 .fullimg {
	float: left;
	align-items: center;
	padding-left: 0%;
	padding-right: 0%;
	align-items: center;
	width: 100%;
	
}
/* Each product Information in the catalog */
.videoContent .productRowx2 .productHolderx2 {
	float: left;
	align-items: center;
	padding-left: 0%;
	padding-right: 0%;
	align-items: center;
	width: 50%;
}
/* Prices of a products in catalog */
.productRowx3 .productHolderx3 .price {
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,1.00);
	font-size: 22px;
	position: relative;
	top: 0px;
}
/* Prices of a products in catalog */
.productRowx3 .fullimg .price {
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,1.00);
	font-size: 22px;
	position: relative;
	top: 0px;
}
/* Prices of a products in catalog */
.productRowx2 .productHolderx2 .price {
	font-family: 'Montserrat', sans-serif;
	color: rgba(0,0,0,1.00);
	font-size: 22px;
	position: relative;
	top: 0px;
}
/* Content holder for products in catalog*/
.productRowx3 .productHolderx3 .productContent {
	position: relative;
	top: 0px;
	font-size: 14px;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(0,0,0,0.00);
	white-space: pre-wrap;
}
.minipics {
	position: relative;
	top: 0px;
	font-size: 14px;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(0,0,0,0.00);
	white-space: pre-wrap;
}
/* Content holder for products in catalog*/
.productRowx3 .fullimg .productContent {
	position: relative;
	top: 0px;
	font-size: 14px;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(0,0,0,0.00);
	white-space: pre-wrap;
}
/* Content holder for products in catalog*/
.productRowx2 .productHolderx2 .videoContent {
	position: relative;
	top: 0px;
	font-size: 14px;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(0,0,0,0.00);
	white-space: pre-wrap;
}
/* footer */
/*Each footer content */
/* Product's images in catalog */
.productHolderx3 div img {
	width: 100%;
		}
.minipics div img {
	width: 100%;
		}
		/* Product's images in catalog */
.singleInfo div img {
	width: 60%;
		}
		/* Product's images in catalog */
.fullimg div img {
	width: 100%;
		}
/* Product's images in catalog */
.productHolderx2 div img {
	width: 100%;
		}
/* Container for links in footer */

/* Media query for tablets */
@media (min-width: 501px) and (max-width:1024px) {
/* Each product in catalog view */
.mainContent .productRowx3 .productHolderx3 {
	width: 48%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	align-items: center;
	left: 0%;
}
.minipics {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    float: left;
	margin-top: 3px;
	padding-left: 0%;
	padding-right: 0%;
	align-items: center;
	width: 50%;
}
.fullContent .fullRow .fullInfo {
	width: 48%;
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	position: relative;
	align-items: center;
	left: 0%;
}
.fullimg {
	width: 100%;
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	position: relative;
	align-items: center;
	left: 0%;
}
/* Each product in catalog view */
.videoContent .productRowx2 .productHolderx2 {
	width: 49%;
	display: inline;
	padding-left: 3px;
	padding-right: 0px;
	position: relative;
	align-items: center;
	left: 0%;
}
/*The sidebar and maincontent of page */
#content {
	position: relative;
	top: 0px;
	width: 100%;
	overflow: hidden;
}
#videos {
	position: relative;
	top: 0px;
	width: 100%;
	overflow: hidden;
}
/* Unordered List of links */

/*list elements */

/* main content region of page */
#mainWrapper #content .mainContent {
	overflow: hidden;
	aligh-items: center;
	width: 100%;
	margin-top: 0px;
}
/* main content region of page */
#mainWrapper #videos .videoContent {
	overflow: hidden;
	aligh-items: center;
	width: 100%;
	margin-top: 40px;
}
/* Prices of products in catalog view */
.productRowx3 .productHolderx3 .price {
	font-size: 19px;
}
/* Prices of products in catalog view */
.productRowx2 .productHolderx2 .price {
	font-size: 19px;
}
/* Content holders in catalog view */
.productRowx3 .productHolderx3 .productContent {
	font-size: 16px;
}
/* Content holders in catalog view */
.productRowx2 .productHolderx2 .videoContent {
	font-size: 16px;
}
}

/*media query for small screen devices */
@media screen and (max-width:500px) {
/*Container for links in header */
#mainWrapper header #headerLinks {
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.00);
	padding-bottom: 0px;
}
/* Logo placeholder*/
#mainWrapper header #logo {
	width: 100%;
	text-align: left;
}
/* Links in header */
header #headerLinks a {
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
/* Each product in catalog view */
.mainContent .productRowx3 .productHolderx3 {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
.minipics {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
.fullContent .fullRow .fullInfo {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
/* Each product in catalog view */
.fullimg {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
/* Each product in catalog view */
.videoContent .productRowx2 .productHolderx2 {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
#mainWrapper footer div {
	width: 100%;
	margin-left: 0px;
	text-align: center;
	padding-bottom: 16px;
	overflow: auto;
}
/* Container for links in footer */
#mainWrapper {
	padding-left: 0%;
}
/* Main content which excludes the sidebar */
#mainwrapper #content .mainContent {
	margin-top: 0px;
	text-align: center;
	align-items: center;
	width: 100%;
	padding-left: 0px;
}
/* Main content which excludes the sidebar */
#mainwrapper #videos .videoContent {
	margin-top: 0px;
	text-align: center;
	align-items: center;
	width: 100%;
	padding-left: 0px;
}
}
#mainWrapper div p .disclaimer {
	font-family: "Comic Sans MS", cursive;
}
/*media query for desktop */
@media (min-width: 1025px) {
/* Each product in catalog view */
.mainContent .productRowx3 .productHolderx3 {
	width: 33%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
.minipics {
	width: 50%;
	display: flex;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 3px;
	position: relative;
	left: 0%;
}
}
.fullContent .fullRow .fullinfo {
	width: 33%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
.fullimg {
	width: 100%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
/* Each product in catalog view */
.videoContent .productRowx2 .videoinfo {
	width: 49%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
}
@media (max-width: 500px) {
    body {
		background-size: 100%;
    }
}
/* Pixel 2 Vert */
@media (min-width: 410px) and (max-width: 412px) and (max-height: 732px) {
    body {
		background-size: 100%;
    }
}
/* Nest Hub */
@media (min-width: 1023px) and (max-width: 1025px) and (max-height: 601px) {
    body {
		background-size: 50%;
    }
}
/* Galaxy Fold Ver */
@media (min-width: 279px) and (max-width: 281px) and (max-height: 654px) {
    body {
		background-size: 100%;
    }
}
/* Galaxy Fold Hor */
@media (min-width: 652px) and (max-width: 654px) and (max-height: 281px) {
    body {
		background-size: 50%;
    }
}
/* Surface Duo Vert*/
@media (min-width: 539px) and (max-width: 541px) and (max-height: 721px) {
    body {
		background-size: 100%;
    }
}
/* Surface Duo Hor */
@media (min-width: 719px) and (max-width: 721px) and (max-height: 542px) {
    body {
		background-size: 50%;
    }
}
/* Iphone 5 SE Hor */
@media (min-width: 567px) and (max-width: 569px) and (max-height: 321px) {
    body {
		background-size: 50%;
    }
}
/* Iphone 6 7 8 Plus Hor */
@media (min-width: 725px) and (max-width: 737px) and (max-height: 415px) {
    body {
		background-size: 50%;
    }
}
/* Iphone 6 7 8 Plus Ver */
@media (min-width: 413px) and (max-width: 415px) and (max-height: 737px) {
    body {
		background-size: 100%;
    }
}
/* Iphone 6 7 8 Hor */
@media (min-width: 666px) and (max-width: 668px) and (max-height: 376px) {
    body {
		background-size: 50%;
    }
}
/* Iphone 6 7 8 Ver */
@media (min-width: 374px) and (max-width: 376px) and (max-height: 1024px) {
    body {
		background-size: 100%;
    }
}
/* Iphone 6 7 8 Ver */
@media (min-width: 377px) and (max-height: 1024px) {
    body {
		background-size: 100%;
    }
}
/* Galaxy S8 Hor */
@media (min-width: 568px) and (max-width: 759px) and (max-height: 360px) and (min-height: 359px) {
    body {
		background-size: 50%;
    }
}
/* Galaxy S9+ Hor */
@media (min-width: 657px) and (max-width: 659px) and (max-height: 321px) {
    body {
		background-size: 50%;
    }
}
/* Galaxy S10 Vert */
@media (min-width: 320px) and (max-width: 370px) and (max-height: 760px) {
    body {
		background-size: 100%;
    }
}
/* Galaxy S10 Hor */
@media (min-width: 481px) and (max-width: 1024px) and (max-height: 360px) {
    body {
		background-size: 50%;
    }
}
/* Galaxy S20 Vert */
@media (min-width: 359px) and (max-width: 361px) and (max-height: 801px) {
    body {
		background-size: 100%;
    }
}
/* Iphone X Vert */
@media (min-width: 375px) and (max-width: 812px) and (min-height: 812px) {
    body {
		background-size: 100%;
    }
}
/* Iphone X Hor */
@media (min-width: 812px) and (max-width: 1024px) and (min-height: 375px) {
    body {
		background-size: 50%;
    }
}
/* Ipad Pro vert*/
@media (min-width: 1024px) and (max-width: 1025px) and (max-height: 1367px) {
    body {
		background-size: 100%;
    }
}
/* Ipad Hor*/
@media (min-width: 1023px) and (max-width: 1026px) and (max-height: 769px) {
    body {
		background-size: 50%;
    }
}
/* Ipad and Desktop Hor*/
@media (min-width: 1025px) {
    body {
	background-size: 50%;
   }
}
/* Laptop With HDPI Vert */
@media (min-width: 899px) and (max-width: 901px) and (max-height: 1441px) {
    body {
	background-size: 100%;
   }
}
/* Laptop 1080p HDTV Vert */
@media (min-width: 1079px) and (max-width: 1081px) and (max-height: 1921px) {
    body {
	background-size: 100%;
   }
}
/* div styles */
.divproductinfo1 {
	width: 80%;
	max-width:80%;
	color:black;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin:5px auto 0 auto;
	font-weight:500;
}
.divtitle1 {
	width: 80%;
	max-width:80%;
	color:black;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin:5px auto 0 auto;
	font-weight:500;
}
.divtable1 {
	width: 80%;
	max-width:90%;
	color:black;
	font-family:sans-serif;
	
	margin: auto;
	margin:5px auto 0 auto;
	font-weight:500;
}
.divproductinfowhite {
	width: 80%;
	max-width:90%;
	color:white;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin:5px auto 0 auto;
	font-weight:500;
}
.divfooterinfo1 {
	width: 100%;
	max-width:90%;
	color:gray;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:500;
}
.divfooterinfo2 {
	width: 100%;
	max-width:90%;
	color:black;
	font-family:sans-serif;
	text-align:left;
	margin: auto;
	margin-bottom: 0px;
	margin-bottom: 0px;
	font-weight:500;
}
.divfooterinfo3 {
	width: 100%;
	max-width:90%;
	color:  white ;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:500;
}
.plainfont {
	width: 100%;
	max-width:90%;
	color:black;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:500;
}
.plainfontitalic {
	width: 100%;
	max-width:90%;
	color:black;
	font-style:italic;
	font-family:sans-serif;
	text-align:center;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:500;
}
.plainfontleft {
	width: 100%;
	max-width:90%;
	color:black;
	font-family:sans-serif;
	text-align:left;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:500;
}
.showcase {
	position: relative;
	right: 0px;
	width: 100%;
	min-height: 100vh;
	z-index: 0;
}
.showcase video {
	position: relative;
	top: -52px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	object-fit: cover;
}
.bold {
	font-weight: bold;
}
.red {
	color: red;
}
.lime {
	color: lime;
}
.orange {
	color: orange;
}
.black {
	color: black;
}
.blue {
	color: blue;
}

/* Tables */
.ifcontainer {
  position: relative;
  overflow:hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.vidcontainer {
  position: relative;
  overflow:hidden;
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}


/* Then style the iframe to fit in the container div with full height and width */
   .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0%;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}
@media (min-width: 501px) and (max-width:811px) {
   .responsive-iframe {
  position: absolute;
  top: 0;
  left: 5%;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 90%;
}}
@media (min-width: 812px) and (max-width:1024px) {
   .responsive-iframe {
  position: absolute;
  top: 0;
  left: 15%;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 70%;
}}
@media (min-width: 1025px) and (max-width:3000px) {
   .responsive-iframe {
  position: absolute;
  top: 0;
  left: 20%;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 60%;
}
}

.button1{
	color:white;background-color:black;height:50px;line-height:50px;font-weight:700;font-size:14px;width:20%;margin:25px;border-width:1;border-radius:8px;cursor:pointer;box-shadow:3px #FF7518
	}
	.preorder {
	width: 60%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
	.preordertop {
	width: 30%;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: 0%;
}
.button1:hover{
	background-color:black;box-shadow:0 0 30px lime; 
	}