* {
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	position: absolute;
	width: 100%;
	height: 100%;
}

#banner {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#banner video {
	position: relative;
	float: left;
	min-width: 100%;
	min-height: 100%;
	left: 50%;

	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#banner-logo {
	position: absolute;
	float: left;
	width: 40%;
	height: auto;
	top: 45%;
	left: 50%;


	font-size: 30px;
	color: white;

	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	cursor: pointer;
	opacity: 0.50;
    filter: alpha(opacity=50);
}

#banner-logo:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#banner-button {
	position: absolute;
	left: 50%;
	bottom: 40px;
	width: 50px;
	height: 50px;
	border-radius: 30px;
	border: 2px solid white;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	cursor: pointer;
	opacity: 0.85;
    filter: alpha(opacity=85);
}

#banner-button:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
    background-color: rgba(255, 255, 255, 0.1);
}

#banner-button-arrow {
	position: relative;
	float: left;
	top: 35%;
	left: 40%;
    width: 10px;
    height: 10px;
    border-right: 2px solid white;
    border-top: 2px solid white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);

    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

#navigation {
	position: absolute;
	top: 100%;
	width: 100%;
	height: 125px;
	opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1000;
    background-color: white;
    text-align: center;
    z-index: 1000000 !important;
}

#navigation-top {
	position: relative;
	float: left;
	width: 100%;
	height: 90px;
}

#navigation-logo {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	top: 20px !important;


	font-size: 22px;
	color: #222222;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid #222222;
	text-decoration: none;
}

#navigation-bottom {
	position: relative;
	float: left;
	width: 100%;
	height: 35px;
	transition: all 0.2s linear !important;
}

#navigation-bar {
	position: relative;
	float: left;
	width: auto;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

#navigation-bar ul {
	
}

#navigation-bar ul li {
	position: relative;
	float: left;
	width: auto;
	height: 100%;

	margin-left: 10px;
	margin-right: 10px;
	display: inline;
}

#navigation-bar ul li a {
	position: relative;
	float: left;
	top: 0px;

	font-size: 14px;
	color: #222222;
	text-decoration: none;
}

#navigation-bar ul li a:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 0;
  left: 50%;
  background-color: #222222;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#navigation-bar ul li a:hover:before {
  width: 100%;
  left: 0%;
}

#navigation-gallery-style {
	position: absolute;
	bottom: 5px;	
	right: 30px;
	width: auto;
	height: 20px;
}


#navigation-gallery-style-grid {
	position: relative;
	float: left;
	width: 20px;
	height: 100%;

	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;

	-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#navigation-gallery-style-grid span {
	position: relative;
	float: left;
	
	width: 15%;
	height: 15%;

	margin: 2.5%;

	border: 1px solid #c4c4c4;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;


    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#navigation-gallery-style-grid:hover span {
	border: 1px solid #939393;
}

#navigation-gallery-style-slide {
	position: relative;
	float: left;
	width: 20px;
	height: 100%;

	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;

	-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#navigation-gallery-style-slide span {
	position: relative;
	float: left;

	width: 35%;
	height: 75%;

	margin: 2.5%;

	border: 1px solid #c4c4c4;

	-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#navigation-gallery-style-slide:hover span {
	border: 1px solid #939393;
}

#content {
	position: relative;
	float: left;
	left: 10%;
	width: 80%;
	height: auto;
	/*min-height: 100%;*/
	padding-top: 0px;
	margin-bottom: 25px;

	overflow: hidden;
}

footer {
	position: relative;
	float: left;
	width: 100%;
	height: 125px;
	background-color: black;
	box-shadow: 0px -1px 2px #888888;
	margin-top: 0px;
}

#footer-navigation {
	position: absolute;
	top: 25px;
	left: 25px;
	width: auto;
	height: auto;
}

#footer-navigation ul {
	
}

#footer-navigation ul li {
	position: relative;
	float: left;
	width: auto;
	height: 100%;

	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
}

#footer-navigation ul li a {
	font-size: 14px;
	color: white;
	text-decoration: none;
}

#footer-navigation ul li a:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 0;
  left: 50%;
  background-color: white;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#footer-navigation ul li a:hover:before {
  width: 100%;
  left: 0%;
}

#footer-copyright {
	position: absolute;
	right: 25px;
	bottom: 25px;
}

#footer-copyright p {
	font-size: 10px;
	color: #969696;
}

.box{
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	background-color: red;
	margin-left: 10px;
	margin-right: 10px;
}









/*
.product-title {
	position: absolute;
	top: 15px;
	left: 15px;
	width: auto;
	height: auto;
}

.product-title a {
	text-decoration: none;
}

.product-title a h3 {
	color: rgba(255, 255, 255, 0.25);
	transition: all 0.2s linear;
}

.product-title a h3:hover {
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
}


.product-description {
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: auto;
	height: auto;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.product-description a {
	text-decoration: none;
}

.product-description a h3 {
	color: rgba(255, 255, 255, 0.25);
	transition: all 0.2s linear;
}

.product-description a h3:hover {
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
}







.product-ruler-top {
	position: absolute;
	top: 0%;
	left: 11px;
	width: 100%;
	height: 50px;
}

.product-ruler-top-list {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	list-style-type: none;
	overflow: hidden;
}

.product-ruler-top-list li {
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
	margin-bottom: 50%;

	border-left: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.product-ruler-top-list li:nth-child(5n) {
	height: 20px;
}




.product-ruler-left {
	position: absolute;
	top: 11px;
	left: 0%;
	height: 100%;
	width: 10%;
}

.product-ruler-left-list {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	list-style-type: none;
	overflow: hidden;
}

.product-ruler-left-list li {
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 50%;

	border-top: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.product-ruler-left-list li:nth-child(5n) {
	width: 20px;
	margin-right: 0%;
}
*/





/*
.grid {
	
}

	
.grid-item {
	width: 23%;
}

.grid-item:hover .grid-item-content {
	opacity: 1;
}



.grid-item-image {
	position: relative;
	float: left;
	width: 100%;
}

.grid-item-image img {
	position: relative;
	float: left;
	width: 100%;
}

.grid-item-content {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0%;
	background-color: rgba(0, 0, 0, 0.5);
	

	opacity: 0;
   transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   -webkit-transition: opacity 0.2s ease-in-out;
}

*/











.product {

}

.product-image {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.product-image > img {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	z-index: 1000;
}

.product-title {
	position: absolute;
	top: 40px;
	left: 0px;
	float: left;
	width: auto;
	height: auto;
	padding: 7px 15px;
	background-color: white;

	transform: translateX(-101%);
	-ms-transform: translateX(-101%);
	-webkit-transform: translateX(-101%);
	transition: all 0.2s linear;
	z-index: 10000;
}

.product-title > p {
	position: relative;
	float: left;
	width: auto;
	height: auto;

	font-size: 20px;
	color: black !important;
	text-decoration: none;
}


.product-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	width: 100%;
	height: auto;
	padding: 7px 0px;
	background-color: white;

	transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	transition: all 0.2s 1s linear;
	z-index: 10000;
}

.product-description > p {
	position: relative;
	float: left;
	width: 100%;
	height: auto;

	font-size: 16px;
	color: black;
	text-decoration: none;
	text-align: center;
}












.slide-item {
	position: relative;
	float: left;
	width: auto;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.slide-item .product-image {
	position: relative;
	float: left;
	width: auto !important;
	height: 100%;
}

.slide-item .product-image img {
	width: auto !important;
	height: 100%;
}










.grid-item {
	width: 23%;
}

.grid-sizer {
	width: 23%;
}

.gutter-sizer {
	width: 2%;
}

@media all and (max-width: 800px) {
	.grid-item {
		width: 98%;
	}
	.grid-sizer {
		width: 98%;	
	}
}

@media all and (min-width: 800px) {
	.grid-item {
		width: 48%;
	}
	.grid-sizer {
		width: 48%;	
	}
}

@media all and (min-width: 1300px) {
	.grid-item {
		width: 31%;
	}
	.grid-sizer {
		width: 31%;	
	}
}

@media all and (min-width: 1500px) {
	.grid-item {
		width: 23%;
	}
	.grid-sizer {
		width: 23%;	
	}
}

@media all and (min-width: 1921px) {
	.grid-item {
		width: 18%;
	}
	.grid-sizer {
		width: 18%;	
	}
}






#item-image {
	position: relative;
	float: left;
	left: 5%;
	width: 90%;
	height: auto;
	margin-bottom: 25px;
}

#item-image img {
	position: relative;
	left: 50%;
	float: left;
	width: auto;
	height: auto;
	max-height: 800px;
	

	
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

#item-content {
	position: relative;
	float: left;
	left: 5%;
	width: 90%;
	height: auto;
}

#item-title {
	position: relative;
	left: 10%;
	float: left;
	margin-top: 15px;
	width: 80%;
	height: auto;
}

#item-title h2 {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 75px;
	margin-bottom: 15px;
}

#item-title h3 {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
}

#item-description {
	position: relative;
	left: 10%;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	width: 80%;
	height: auto;
}

#item-related {
	position: relative;
	float: left;
	left: 10%;
	width: 80%;
	height: auto;
}

#related-slider {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
}

.slick-list {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
	overflow: hidden;
}

.slick-track {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
}


#item-related .related-item {
	position: relative;
	float: left;
	width: 25%;
	height: 250px;
	padding: 0px 7px;
	outline: none !important;
}

#item-related .related-item .item-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	width: 100%;
	height: auto;
	padding: 7px 0px;
	background-color: white;

	transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	transition: all 0.2s 1s linear;
	z-index: 10000;
}

#item-related .related-item .item-description > p {
	position: relative;
	float: left;
	width: 100%;
	height: auto;

	font-size: 16px;
	color: black;
	text-decoration: none;
	text-align: center;
}

#item-related .related-item:hover .item-description {
	transform: translateY(-0%) !important;
	-ms-transform: translateY(-0%) !important;
	-webkit-transform: translateY(-0%) !important;
}


#item-related .related-item > span {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;

	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

#item-related .prev {
	position: absolute;
	top: 48%;
	left: -65px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	outline: none !important;
}

#item-related .prev > span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;

	font-size: 40px;
	color: rgba(0, 0, 0, 0.25);
	transition: all 0.2s linear;
	outline: none !important;
}

#item-related .prev > span:hover {
	color: rgba(0, 0, 0, 0.5) !important;
}

#item-related .next {
	position: absolute;
	top: 48%;
	right: -65px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	outline: none !important;
}

#item-related .next > span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;

	font-size: 40px;
	color: rgba(0, 0, 0, 0.25);
	transition: all 0.2s linear;
	outline: none !important;
}

#item-related .next > span:hover {
	color: rgba(0, 0, 0, 0.5) !important;
}







#contact-form {
	position: relative;
	float: left;
	top: 75px;
	left: 25%;
	width: 50%;
	height: auto;
}

#contact-form h2 {
	position: relative;
	left: 10%;
	float: left;
	left: 50%;
	width: 80%;
	height: auto;

	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

#contact-form form {
	position: relative;
	left: 10%;
	float: left;
	left: 50%;
	width: 80%;
	height: auto;

	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

#contact-form input {
	position: relative;
	float: left;
	left: 0%;
	width: 100%;
	height: 35px;

	margin-top: 10px;
	border-radius: 5px;
	border: 1px solid #999;
}

#contact-form input[type=submit] {
	position: relative;
	float: left;
	left: 20%;
	width: 60%;
	height: 35px;

	margin-top: 10px;
	border-radius: 5px;
	border: 1px solid #999;
}

#contact-form textarea {
	position: relative;
	float: left;
	left: 0%;
	width: 100%;
	min-height: 150px;

	margin-top: 10px;
	resize: vertical;
}







#products {
	position: relative;
	float: left;
	width: 100%;
}





















.coming-soon {
	position: absolute;
	top: 75px;
	left: 50%;

	width: auto;
	height: auto;

	font-size: 75px;
	color: rgba(0, 0, 0, 0.25);



	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}























header #mobile-navigation {
	position: absolute;
	top: 20%;
	left: 10px;

	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px !important;

	display: none !important;
	z-index: 100000000 !important;
}



@media only screen and (max-width: 769px) {
	html body #navigation {
		opacity: 1 !important;
		filter: alpha(opacity=100);
	}

	html body #banner-logo {
		width: 80% !important;
		max-width: 80% !important;
	}

	#related-slider {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
	}

	.slick-list {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
		overflow: hidden;
	}

	.slick-track {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
	}


	#item-related .related-item {
		position: relative;
		float: left;
		width: 25%;
		height: 150px;
		padding: 0px 7px;
		outline: none !important;
	}

	#item-related .prev, #item-related .next {
		top: 40% !important;
		font-size: 30px !important;
	}

	#item-related .prev > span, #item-related .next > span {
		font-size: 30px !important;
	}

	#item-related .prev {
		left: -50px !important;
	}

	#item-related .next {
		right: -50px !important;
	}
}

@media only screen and (max-width: 1025px) {
	html body #content {
		left: 0px !important;
		width: 100% !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	html body header #mobile-navigation {
		display: block !important;
	}

	html #banner { 
		height: 75% !important;
	}

	html #banner > video { 
		height: 75% !important;
	}

	html #banner-logo {
		width: 60% !important;
		max-width: 60% !important;
	}

	html body #navigation {
		top: 75%;
		height: 80px !important;
	}

	html #navigation-logo {
	}

	body #navigation-gallery-style {
		display: none !important;
	}

	body #navigation-top {
		height: 80px !important;
	}

	body #navigation-bottom {
		height: auto !important;
		max-height: 0px;
		background-color: white !important;
    	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}

	body #navigation-bar {
		left: 0px !important;
		width: 100% !important;
		padding-top: 25px !important;
		transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
	}

	body #navigation-bar ul {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
	}

	body #navigation-bar ul > li {
		position: relative;
		float: left;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-left: 10px !important;
	}

	body #navigation-bar ul > li::after {
		position: absolute;
		content: '';
		bottom: 0px;
		left: 0%;
		width: 100%;
		height: 1px;
		background-color: rgba(0, 0, 0, 0.1);
	}

	html body .product {
		margin-top: 10px !important;
	}










	html body #item-title h2 {
		width: 100% !important;
		left: 0px !important;
		font-size: 30px !important;
		margin: 0px !important;
	}

	html body #item-title h3 {
		width: 100% !important;
		left: 0px !important;
		font-size: 20px !important;
		margin: 0px !important;
		margin-bottom: 15px !important;
	}

	html body #item-image {
		left: 0px !important;
		width: 100% !important;
	}

	html body #item-image img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
		left: 0px !important;
		transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
	}
}

@media only screen and (min-width: 1366px) {
	.product-image:hover .product-title {
		transform: translateX(-0%) !important;
		-ms-transform: translateX(-0%) !important;
		-webkit-transform: translateX(-0%) !important;
	}

	.product-image:hover .product-description {
		transform: translateY(-0%) !important;
		-ms-transform: translateY(-0%) !important;
		-webkit-transform: translateY(-0%) !important;
	}
}

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

}

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

}