w
	





.year8{
	background-image: url(../images/date%20stamp%20watermark%202008.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year9{
	background-image: url(../images/date%20stamp%20watermark%202009.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.year10{
	background-image: url(../images/date%20stamp%20watermark%202010.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.year11{
	background-image: url(../images/date%20stamp%20watermark%202011.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.year12{
	background-image: url(../images/date%20stamp%20watermark%202012.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.year13{
	background-image: url(../images/date%20stamp%20watermark%202013.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year14{
	background-image: url(../images/date%20stamp%20watermark%202014.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year15{
	background-image: url(../images/date%20stamp%20watermark%202015.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year16{
	background-image: url(../images/date%20stamp%20watermark%202016.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year17{
	background-image: url(../images/date%20stamp%20watermark%202017.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year18{
	background-image: url(../images/date%20stamp%20watermark%202018.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year19{
	background-image: url(../images/date%20stamp%20watermark%202019.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year20{
	background-image: url(../images/date%20stamp%20watermark%202020.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year21{
	background-image: url(../images/date%20stamp%20watermark%202021.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year22{
	background-image: url(../images/date%20stamp%20watermark%202022.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year23{
	background-image: url(../images/date%20stamp%20watermark%202023.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year24{
	background-image: url(../images/date%20stamp%20watermark%202024.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year25{
	background-image: url(../images/date%20stamp%20watermark%202025.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year26{
	background-image: url(../images/date%20stamp%20watermark%202026.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year27{
	background-image: url(../images/date%20stamp%20watermark%202027.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.year28{
	background-image: url(../images/date%20stamp%20watermark%202028.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}





		.package-deals{
			display: block;
			
		}
	
	.columns {
		
width: 95%;
		margin: 5px auto;
		

}

.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
  background-color: #111;
  color: white;
  font-size: 25px;
}

.price li {
  border-bottom: 1px solid rgba(31,31,31,1.00);
  padding: 10px;
  text-align: center;
}

.price .grey {
  font-size: 20px;
	color: black;
}



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

	
	
  .columns {
    width: 30%;
  }
	
			.packages{
			display: flex;
			
		}


	
	
		.columns {
		justify-content: space-evenly;
		flex-flow: row wrap;
width: 33.3%;
padding: 8px;
}


}


		.package-deals{
			background-color: rgba(244,244,244,1.00);
		}
		
		.package-deals  h1 h2 h3 h4 h5 h6{
			font-size: 30px;
			color: black;
			font-family: verdana;
			font-weight: bold;
			
			margin-left: 40px;
			
		}
		
	
		
		.box h1{
			position: absolute;
			top: 25%;
			color: #F4F4F4;
			z-index: 1000;
			font-size: 50px;
			font-family: verdana;
			padding: 5px;
			left: 15%;
				text-shadow: 2px 2px 16px #000000;
			
			
			
		}
		
		.box p{
			color: #F4F4F4;
			position: absolute;
	
			padding: 5px;
			font-weight: 300;
			font-family: arial;
			font-size: 20px;
			bottom: 20%;
			z-index: 1000;
				left: 15%;
				text-shadow: 2px 2px 16px #000000;
			
			
			
		}
		
		
		
		
		
		
		
		
		
	

		
		
		.product-navigation{
			
		
			float: right;
			vertical-align: middle;
		}
		
		.product-navigation{
		
			
			
		}
		
		
		.product-navigation p{
			font-size: 20px;
			color: black;
			
		}
		

		
		
		
		
		
		
		
		
		
		.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
			margin: 0 auto;
			width: 98%;
}

.video-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
		
		
		/*
		audio{
			padding: 0px;
			box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4);
			width: 300px;
			border-radius: 50px;
		
			color: red;
			margin: 0;
		
			
	
			
			
		}
	
		*/
		
		
		
	/*	audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}
		
		
*/		
		
		
		
		
		
		
		
		.add-to-cart{
			position: relative;
			display: flex;
			justify-content: center;
		}
		
		
		
		
		.audio-example h6{
			padding: 0;
			margin: 0;
			
		}
	








.mySlides {
display:none;
}

.mySlides {
	overflow: hidden !important;
	display: block;
	height: 100vh;
	width: 100%;
	
	animation: e 8s	ease;
	margin-left: auto;
	margin-right: auto;
	object-fit: cover;
	
	
}



.quote-shuffle {
display:none;
}

.quote-shuffle {
	overflow: hidden !important;
	display: block;	
	animation: e 8s	ease;
	margin-left: auto;
	margin-right: auto;
	object-fit: cover;
	
	
}




.w3-content w3-section {

	overflow: hidden !important;



}

.w3-quote-content w3-section {

	overflow: hidden !important;



}



	
	
	.box {
		overflow: hidden !important;
		height: 100%;
		width: 100%;
		object-fit: cover;
		

	
}
	
	

@keyframes e{

	0%{
		transform: scale(1.012);
		filter: blur(8px) ;
		
	}
	
	15%{
		transform: scale(1.0) ;
		filter: blur(0px) 
	}
	90%{
		transform: scale(1.0);
		filter: blur(0px) ;
	}
	100%{
		transform: scale(1.012);
		filter: blur(8px) ;
	}
	

}







	
	
	
	
	
	
	
		
	
		
		
		.ghost{
			background-color: rgba(244,244,244,0.10);
		}
		
		
		.divider-vert{
	width: 5px;
	height: 100%;
			position: absolute;
			top:20px;
			left: 12%;
	
	background-color: transparent;
	
	
			
	
}

.vert{
	height: 90% !important;
	
	width: 1px!important;
	position: absolute;
	
	
}



		
		
		
		.inline{
			position: absolute;
			top: 20px;
			
		}
		
		
		
	
		
		.hero-link{
			border:  rgba(244,244,244,0.50) solid 1px;
			border-radius: 5px;
			text-decoration: none;
			color:rgba(244,244,244,1.00);
			font-family:  Verdana;
			font-size: 18px;
			background: rgba(0,0,0,0.25);
			text-align: center;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 10px;
			padding-top: 10px;
			letter-spacing: 3px;
		
		}
		
		
	
		.hero-container{
			display: flex;
			width: auto;
			justify-content: space-evenly;
			align-content: center;
			
		}
	
.hero-link-container{
	animation: appear 700ms ease-out ;
	animation-delay: 2s;
	background: rgba(0,0,0,0.15);
	
	/*font-family: amb;*/
	/*width: 100%;*/
	display: flex;
	flex-flow: row;
	height: auto;
	position: absolute;
	top: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*line-height: 20px;*/
	/*word-spacing: 10px;*/
	opacity: 0;
	animation-fill-mode: forwards;
	padding: 14px;
	border-radius: 10px;
	
	
}








@keyframes appear {
  0% {
	 display: none;
    opacity: 0;
	  transform: translateY(500%);
	  filter: blur(100px)
	  
  }
	
	
	
	70%{
		display: block;
		transform:translateY(-10px);
		opacity: 1;
	}
	

	
	90%{
		transform: translateY(10px);
	}


	100%{
		
		transform: translateX(0);
		display: block;
		opacity: 1;
		
		
	}
	
}

		
		
		
		
	





























	
		.payment-methods{
			color: white;
			font-size: 28px;
			text-align: center;
			
		}
		
		.payment-methods h3{
			color: white;
		}
		
		.payment-methods div{
			display: flex;
			flex-flow: row;
			justify-content: center;
			align-content: space-evenly;
		}
		
		.payment-methods i{
			
			padding: 20px;
		}
		
		
		
	
		
		
	
				
				#subscribe-form{
				height: auto;
					
    background-color: rgb(9 9 9);
					width: 100%;
					padding-top: 20px;
					padding-bottom: 20px;
			}
				
				
				#subscribe-form h4{
					
					
					
					color: white;
					font-size: 30px;
					display: block;
					position: relative;
					height: auto;
					width: 100%;
					text-align: center;
					font-family: rock;
					font-weight: 400;
					margin: 0 auto;
					
					
				}
	
				
				
			
			.subscribeform-wrapper{
	width: 100%;
	height: auto;
	position: relative;
				
	color: rgba(255,255,255,1.00);
				
				
				
			}
			.subscribeform-wrapper button{
		
				margin-top: 5px;
				text-align: center;
				background-color:rgba(39,39,39,1.00);
			}
			
			
	.subscribe-form{
	width: 100;
	height: auto;
	
	
}
				
				
				
			
			.subscribe-form input{
				display: block;
				width: 80%;
				margin-top: 10px;
				margin-left: auto;
				margin-right: auto;
				
				
				height: 30px;
				position: relative;
				
				
				
				
			
				
				
			}
			
			.subscribe-form textarea, input{
	background-color: rgba(0,0,0,0.66);
	border: 1px solid rgba(83,83,83,1.00);
	padding: 5px;
	border-radius: 5px;
				color: white;
			}
			
			.subscribe-form input::-ms-input-placeholder {
  				color: white;
				
			}
			
			.subscribe-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  				color: white;
 				 opacity: 1;
				/* Firefox */
			}
			
			
			textarea{
			
				width: 100%;
				display: block;
				height: 100px;
				color: white;
				
				
				
			}




		
		
		
				
				
				
				
			
		
		
		
		
		
		
		
		
		
		
		.expand-link{
			
			background-color: none;
		}
	
	
		.black-word{
			color: black !important;	
		}
		.tall{
			
			font-size: 60px!important;
			
			
		}
		
		
		.expandable-container-new{
			height: auto;
			width: 100%;
			display: block;
			background-color:rgba(244,244,244,1.00);
			position: relative;
			overflow: hidden;
			margin-top: 1px;
				text-shadow: 2px 2px 16px #000000;
		
			
			
		}
		
		
		
		
	
		.quote{
			
			
		z-index: 1;
			margin: 0;
			
			padding: 5px;
			position: absolute;
			left: 5px;
			bottom: 5px;
			font-family: arial;
			
			font-size: 15px;
			letter-spacing: 2px;
			word-spacing: 5px;
			font-weight:300;
		}
		
		
		.quote a{
			text-decoration: none;
			color: rgba(255,255,255,0.61);
		
		}
		
		.quote{
			
			text-decoration: none;
			color: rgba(255,255,255,0.61);
			
		}
		
		
		
		
		.expandable-new{
			
			
			height: 400px;
			position: relative;
			display: block;
			width: 100%;
			border: 1px solid; 
			margin: auto;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;
			transform: scale(1.3);
			
		}
	
		
		.expand-link-new{
			height: 100%;
			width: 100%;
			
		}
		
		
		.expandable-new:hover {
			
			transform: scale(1.7) /*rotate(-25deg)*/;
		
		} 
		
		
		
		.expandable-container-new .label{
			z-index: 1;
			margin: 0;
			
			padding: 5px;
			position: absolute;
			right: 100px;
			top: 100px;
			font-family: arial;
			color: rgba(244,244,244,1.00);
			font-size: 40px;
			letter-spacing: 3px;
			word-spacing: 20px;
			font-weight: bolder;
			
			
			
			
		
		}
		
		
	


.diagram{
	
	
	
		position: relative;
	background-image: url(../images/master%20diagram.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	
	
	
	
}










.spec-diagram{

	width: 100vw;
	height: auto;
	object-fit: contain;
	object-position: center;

}


.diagram-wrapper{
	width: 100%;
	height: 50vh;

	
	
}


.diagram-wrapper span{
	color:white;
	font-family: rock;
	position: absolute;
	
	
}

.diagram-wrapper :nth-child(1){
	right: 1px;
}

.diagram-wrapper :nth-child(2){
	bottom: 31px;
	left: 5px;
}





.map-container{
			
	width: 100%;
	
	
	padding-bottom: 20px;
 
	background-color: rgba(31,31,31,1.00);
			}
			
			
			
			.map-container h3{
				color:rgba(244,244,244,1.00);
				font-size: 30px;
				padding: 5px;
				font-family: rock;
				font-weight: 400;
				letter-spacing: 5px;
				text-align: center;
				width: 100%;
				margin: 0 auto;
			}
			
			.map-container p{
				color: rgba(244,244,244,0.64);
				text-decoration: none;
				font-family: verdana;
				text-align: center;
				margin: 0 auto;
				width: 100%;
				
				
			}

.map-container a{
				color: rgba(244,244,244,0.64);
				text-decoration: none;
				font-family: verdana;
				text-align: center;
				margin: 0 auto;
				width: 100%;
				display: block;
				
			}
			
			
			
			.location-info{
				padding: 5px;
			font-family: verdana;
			font-size: 15px;
			word-spacing: normal;
			letter-spacing: normal;
			color: white;
				font-weight: 500;
				width: 100%;
				height: auto;
				
				display: flex;
				flex-flow: row;
		
		}
		
		
			.location-info p{
				display: block;
				position: relative;
				padding: 5px;
				justify-content: space-evenly;
		
				
				
			}
			
			
			.contact-links{
				/*display: flex;*/
				width: 100%;
				margin: 0 auto;
				display: block;
				text-align-last: center;
				position: relative;
				word-spacing: 15px;
			}
			
			.contact-links a{
				color: white;
				text-decoration: none;
				font-size: 20px;
				
				
				/*justify-content: space-evenly;*/
			/*align-content: center;*/
				
				
				margin-left: auto;
				margin-right: auto;
				
				
			}
			
			
			
			

      #map {
        height: 300px;
		  width: 98%;
		  border-radius: 5px;
		 
		  margin-left: auto;
		  margin-right: auto;
		  margin-bottom: 0;
		  
		  
		
		  
		  
		 
      }
			
		
			
	
	


	
		.expand-link{
			
			background-color: none;
		}
	
	
		.black-word{
			color: black !important;	
		}
		.tall{
			
			font-size: 60px!important;
			
			
		}
		
		
		.expandable-container-new{
			height: auto;
			width: 100%;
			display: block;
			background-color:rgba(244,244,244,1.00);
			position: relative;
			overflow: hidden;
			margin-top: 1px;
		
			
			
		}
		
		
		
		
	
		.quote{
			
			
		z-index: 1;
			margin: 0;
			
			padding: 5px;
			position: absolute;
			left: 5px;
			bottom: 5px;
			font-family: arial;
			
			font-size: 15px;
			letter-spacing: 2px;
			word-spacing: 5px;
			font-weight:300;
		}
		
		
		.quote a{
			text-decoration: none;
			color: rgba(255,255,255,0.61);
		
		}
		
		.quote{
			
			text-decoration: none;
			color: rgba(255,255,255,0.61);
			
		}
		
		
		
		
		.expandable-new{
			
			
			height: 400px;
			position: relative;
			display: block;
			width: 100%;
			border: 1px solid ;
			margin: auto;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;
			transform: scale(1.3);
			
		}
	
		
		.expand-link-new{
			height: 100%;
			width: 100%;
			
		}
		
		
		.expandable-new:hover {
			
			transform: scale(1.7) /*rotate(-25deg)*/;
		
		} 
		
		
		
		.expandable-container-new .label{
			z-index: 1;
			margin: 0;
			
			padding: 5px;
			position: absolute;
			right: 100px;
			top: 100px;
			font-family: arial;
			color: rgba(244,244,244,1.00);
			font-size: 40px;
			letter-spacing: 3px;
			word-spacing: 20px;
			font-weight: bolder;
			
			
			
			
		
		}
		










	.explore{
			position: absolute;
			margin-top: 5px;
			left: 50px;
			
			z-index: 100;
			
			
			
		}

		/*.expand-link::before{
	display: block;
	position: relative;
	content: 'Explore Content';
			background-color:rgba(39,39,39,1.00);
			
			

			border-bottom: 20px solid  rgba(0,0,0,0.66);
	border-left: px solid transparent;
	border-right: px solid transparent;
			border-top-right-radius: 10px;
	
	height: 0;
	width: 200px;
	
	color: white;
	font-size: 15px;
	text-align: center;
	letter-spacing: px;
			line-height: 16px;
			
	
				
	
}
		
		*/
		.expandable{
			background-color:rgba(244,244,244,1.00);
			padding-top: 5px;
			border-radius: 0 5px 0 0;
			
			padding-bottom: 5px;
		}	
	
		
		
			
		
		.ghost{
			background-color: rgba(244,244,244,0.10)!important;
		}
		
		
		.divider-vert{
	width: 5px;
	height: 100%;
			position: absolute;
			top:20px;
			left: 12%;
	
	background-color: transparent!important;
	
	
			
	
}

.vert{
	height: 90% !important;
	
	width: 1px!important;
	position: absolute!important;
	
	
}


			.inline{
			position: absolute;
			top: 40px!important;
			
		}
		
		
	
		
		
		
	
		
		.hero-link{
			border:  rgba(244,244,244,0.50) solid 1px;
			border-radius: 5px;
			text-decoration: none;
			color:rgba(244,244,244,1.00);
			font-family:  Verdana;
			font-size: 18px;
			background: rgba(0,0,0,0.25);
			text-align: center;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 10px;
			padding-top: 10px;
			letter-spacing: 3px;
		
		}
		
		
	
		.hero-container{
			display: flex;
			width: auto;
			justify-content: space-evenly;
			align-content: center;
			
		}
	
.hero-link-container{
	animation: appear 700ms ease-out ;
	animation-delay: 2s;
	background: rgba(0,0,0,0.15);
	
	/*font-family: amb;*/
	/*width: 100%;*/
	display: flex;
	flex-flow: row;
	height: auto;
	position: absolute;
	top: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*line-height: 20px;*/
	/*word-spacing: 10px;*/
	opacity: 0;
	animation-fill-mode: forwards;
	padding: 14px;
	border-radius: 10px;
	
	
}








@keyframes appear {
  0% {
	 display: none;
    opacity: 0;
	  transform: translateY(500%);
	  filter: blur(100px)
	  
  }
	
	
	
	70%{
		display: block;
		transform:translateY(-10px);
		opacity: 1;
	}
	

	
	90%{
		transform: translateY(10px);
	}


	100%{
		
		transform: translateX(0);
		display: block;
		opacity: 1;
		
		
	}
	
}

		
		
		
		
	
	
	

	

.mySlides {
display:none;
}

.mySlides {
	overflow: hidden !important;
	display: block;
	height: 100vh;
	width: 100%;
	
	animation: e 8s	ease;
	margin-left: auto;
	margin-right: auto;
	object-fit: cover;
	
	
}


.w3-content w3-section {

	overflow: hidden !important;



}

.w3-quote-content w3-section {

	overflow: hidden !important;



}


	
	
	.box {
		overflow: hidden !important;
		height: 100%;
		width: 100%;
		object-fit: cover;

	
}
	
	

@keyframes e{

	0%{
		transform: scale(1.012);
		filter: blur(8px) ;
		
	}
	
	15%{
		transform: scale(1.0) ;
		filter: blur(0px) 
	}
	90%{
		transform: scale(1.0);
		filter: blur(0px) ;
	}
	100%{
		transform: scale(1.012);
		filter: blur(8px) ;
	}
	

}









		.faq{
	padding-top: 100px;
			width: 100%;
	height: auto;
	min-height: 200px;
	background-color: #F5F5F5 ;
	margin: 0 auto;
	
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	font-family: verdanal, sans-serif;

		}
		
		.faq h1{
	padding: 20px;
	font-family: amb;
	text-align: center;
	font-size: 28px;
			color: black;
}
		
		.faq div{
	width: 95%;
	margin: 0 auto;
			
		transition: max-height 0.2s ease-out;	
			position: relative;
		}
		
		
.collapsible {
	font-family: arial;
	color: rgba(245,245,245,1.00);
	cursor: pointer;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 100%;
	border: none;
	text-align: left;
	font-size: 16px;
	margin-top: 5px;
	border-right: rgba(173,173,173,1.00)1px solid;
	border-bottom: rgba(173,173,173,1.00)1px solid;
	
	letter-spacing: 4px;
	word-spacing: 6px;
}

 .collapsible:hover {
	background-color: #1F1F1F;
}

.acontent {
	display: none;
	background-color: rgba(0,0,0,0.66);
	width: 100%;
	margin: 0 auto;
	margin-top: 5px;
	text-align: left;
	font-size: 15px;
	
	
}
		
		
		.acontent p{
			color: white;
			padding: 10px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		}
		
		



.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}










.expandable-container {
    width: 100%;
    
    height: 100vh;
 
    overflow: hidden;
    
	margin-bottom: 1px;
	
	position: relative;
   
    cursor: pointer;
}

.expandable {
    height: 100%;
    width: 100%;
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* Several different images */
.bg-one {
	background-image: url(../images/111112.jpg);
	}
.bg-two {
	background-image: url(../images/1-2.jpg);
	}
.bg-three {
	background-image: url(../images/1-1.jpg);
	}
.bg-four {
	background-image: url(../images/1-5.jpg);
	}
.bg-five {
	bbackground-image: url(../images/1-6.jpg);
	}
.bg-six {
	background-image: url(../images/1-7.jpg);
	}
.bg-six {background-image: url(../../icdezines/images/544782.JPG)
}







expandable-container:hover .expandable,  .expandable-container:focus .expandable {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	
	}

.expandable-container:hover .expandable:before, .expandable-container:focus .expandable:before {
    display: block;
}

.expandable-container:hover a, .expandable-container:focus a {
    display: block;
}

.expandable-container:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
   background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
}
	
	
	
	
	.expandable-container a {
    display: block;
		text-decoration: none;
    font-size: 35px;
    color: #ffffff !important;
    font-family: amb;
    text-align: center;
	
		width: 100%;
		height: 100%;
		
		margin: 20px;
	position: absolute;
		
   /* margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
		
		*/
   /* height: 50px;
   cursor: pointer;*/
    /*text-decoration: none; */
}
	
	

















liheader{
	margin: 0;
	padding: 0;
	width: 100%;
}


.fullpagetopic{
	
}




	
	
		
.avatar{
	display: block;
	position: relative;
	width: 125px;
	height: 125px;
	margin: 0 auto;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-image: url(../images/132.jpg);
		}
	
	
	




.about{
	padding-top: 50px;
	
	color: black !important;
	background-color: #F5F5F5 !important;
	background-position: center ;
	background-size: cover ;
	
	background-repeat: no-repeat !important;
	
}

.about p{
	color: black !important;
	font-size: 115px;
	font-weight: bolder;
}

.photo-caption{
	text-align: center;
	font-size: 10px;
	
}





.introduction{
	width: 100%;
	height: auto;
	min-height: 200px;
	max-height: auto;
	background-color: #F5F5F5;
	margin: 0 auto;
	/*
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,0.00) 51.81%,rgba(245,245,245,1.00) 100%), url(../images/concrete.png);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,0.00) 51.81%,rgba(245,245,245,1.00) 100%), url(../images/concrete.png);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,0.00) 51.81%,rgba(245,245,245,1.00) 100%), url(../images/concrete.png);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,0.00) 51.81%,rgba(245,245,245,1.00) 100%), url(../images/concrete.png);
	*/
	
	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

.introcontent{
	padding: 20px;
	letter-spacing: 5px;
	text-align: center;
}

.introcontent p{
	padding: 10px;
	
	
	font-family: verdana;
	
	
	text-align: center;
	color: rgba(0,0,0,1.00);
	font-size: 14px;
	/*font-weight: bold;*/
	text-indent: 0px;
	text-shadow: 0px 4px 10px rgba(0,0,0,0.20);
	letter-spacing: 2px;
	line-height: auto;
	word-spacing: 5px;
	
}



.introduction h1{
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
		
	font-family: arial;
	text-align: center;
	font-size: 25px;
	line-height: 30px;
}

.button{
	text-align: center;
}

.button a{
	text-decoration: none;
	
}


button{
	display: block;
	padding: 5px;
	
	background-color: rgba(0,0,0,0.66);
	color: white;
	border-right: 1px solid rgba(245,245,245,1.00);
	border-bottom: 1px solid rgba(245,245,245,1.00);
	font-size-adjust: auto;
	border-radius: 5px;
	font-family: Verdana;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.featuredbuild{
	width: 100%;
	background-color: rgba(245,245,245,1.00);	
	
}

.featured{
	padding-top: 20px;
	text-align: center;
	margin-top: 0px;
}

.featured h1{
	width: 100%;
	position: absolute;
	top: 60px;
	font-family: amb;
	font-size: 25px;
	text-align: center;
	color: white;
	text-shadow: 1px 6px 6px rgba(0,0,0,1.00);
}

.featured h5{
	width: 100%;
	position: absolute;
	font-family: amb;
	font-size: 15px;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
	left: 0px;
	bottom: 20px;
	text-shadow: 1px 6px 6px rgba(0,0,0,1.00);
}


.featured .button{
	position: relative;
	bottom: 5px;
}



.wrapper{
	width: 99%;
	margin: 0 auto;
	padding: 10px 0;
	height: 100%;
	position: relative;
}



.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
		
		audio{
			padding: 20px;
			box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4);
			width: 200px;
			border-radius: 90px;
			
			
		}
	
		
		
		
		
		.add-to-cart{
			position: relative;
			display: flex;
			justify-content: center;
		}
		
		
		
		
		.audio-example h6{
			padding: 0;
			margin: 0;
			
		}
	






















		.key-features{
			
			height: auto;
			color: white;
			margin-bottom: 30px;
			
			
		}
		
		.keyfeature{
			background-color: black;
			height: auto;
			margin-top: 10px;
			object-fit: contain;
			/*border-radius: 5px;*/	
		}



.process-row p{
	

	line-height: 20px;

	padding: 10px;
	margin: 10px;
}

.process-row {
  flex-flow: wrap;
	
}

/* Add padding BETWEEN each column */
.process-row,
.process-row > .process-column {
  display: flex;

	justify-content: center;
	
	font-family: arial;
	
}

/* Create four equal columns that floats next to each other */
.process-column {
  width: 70%;
}

/* Clear floats after rows */ 
.process-row:after {
  content: "";
  display: table;
 /* clear: both;*/
}

/* Content */
.process-content {
	background-color: #191919cc;
	margin: 5px;
	justify-content: space-evenly;
	border-radius: 8px;
	border-bottom: 2px solid rgba(245,245,245,1.00);
	border-right: 1px solid rgba(39,39,39,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 22.80%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 22.80%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 22.80%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 22.80%,rgba(255,255,255,0.00) 100%);
}

.process-content img{
	
	display: inline;
	width: 25px;
	border-radius: 3px;
	
}
.process-content  h3 {

	padding: 20px !important;
	font-size: 30px;
	
}

/* Responsive layout - makes a two column-layout instead of four columns 
@media screen and (max-width: 900px) {
  .process-column {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other 
@media screen and (max-width: 600px) {
  .process-column {
    width: 100%;
  }
}

*/




.process-info{
	background-color:rgba(31,31,31,1.00)!important;
} 

 
.process-info {
  font-family: Arial;
  font-size: 17px;
}

.process-info-container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.process-info-container img {vertical-align: middle;
margin-top: 5px;
	margin-bottom: 5px;
width:100%;

}

.process-info-container .content {
  position: absolute;
  bottom: 0;
	height: 30%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
	
	word-wrap:normal;
	overflow: auto;
}


.process-info-container .content p{
	
	display: flex;
	color: rebeccapurple;
	flex-flow: row wrap;
font-family: Arial;
	
	
	
}





.keyfeature i{
	padding: 0;
	margin: 0;
	margin-top: 10px;
	display: block;
	
}
			
			
			.keyfeature p{
				
				font-size-adjust: auto;
				font-size: 14px;
				padding: 10px;
				height: auto;	
				letter-spacing: 2px;
				word-spacing: 3px;
				line-height: auto;
			}


			.keyimage img{
				width: 100%;
				object-fit: contain;
			}
			
			
		
		.keyimage{
			height: 100%;
			width: 100%;
			object-fit: contain;
			margin: auto auto;
		
		}
			
			.keyinfo{
				height: auto;
				margin: auto auto;
				text-align: center;
				font-family: arial, sans-serif;
				
			}
		
		.keyfeatures-wrapper{
	width: 99%;
	margin: 0 auto;
			
		}
	
	@media (min-width: 768px) {
		
		
		.keyfeature{
	display: flex;
	flex-grow: 1;
	height: auto;
	margin-top: 8px;
	margin-bottom: 23px;
			
		}
		
		.keyfeature p{
	font-size-adjust: auto;
	font-size: 15px;
		}
	
		
		
		}































.container{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	
}











.content{
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,1.00);

}

.contentwrap{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
		align-items: baseline;
	}




#-hueite-product-detailed-banner{
	height: 300px;
	background-color: white;
}

.productimage{
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: contain
}




/* Slideshow container */
.slideshow-container {
  height: 100%;
  position: relative;
  margin: auto;
	text-align: center;
	vertical-align: middle;
	object-fit: contain;
	background-color: white;
}


/* Next & previous buttons */
.prev, .next {
	color: rgba(31,31,31,1.00);
	cursor: pointer;
	position: absolute;
	bottom: 10%;
	width: auto;
	
	margin-top: -22px;
	font-size: 40px;
	font-weight: bold;
	transition: 150ms ease-out;
	border-radius: 0 3px 3px 0;
	user-select: none;
	
}

/* Position the "next button" to the right */
.next {
	right: 20px;
	

}

.prev{
	left: 20px;
	
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  transform: scale(1.25);
	
}

/* Caption text */
.text {

  color: grey;
  font-size: 15px;
;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	text-align: center;
	color: #f2f2f2;
	font-size: 60px;
	position: absolute;
	width: 100%;
	margin: 0 auto;
}

/* The dots/bullets/indicators */

.dots{
	position: absolute;
	bottom: 20px;
	left: 10%;
	margin: 0;
	/* [disabled]margin-left: auto; */
}
.dot {
	cursor: pointer;
	height: 8px;
	width: 8px;
	margin: 0 2px;
	background-color: rgba(0,0,0,0.25);
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.3s ease;
	border: 1px solid rgba(31,31,31,1.00) ;
}

.dot-swell, .dot:hover {
	transition-duration: 2s;
	transform: scale(1.25 );
	
	background-color: #F5F5F5;
	border: 1px solid rgba(0,0,0,1.00) ;
}




/* Fading animation */
.fade {
	height: 100%;
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




#product-banner{
	height: 80vh;
}


.banner{
	width: 100%;
	height: 100vh;
	display: block;
	background-color: black;
	position: relative;
	
}

.thankyoubanner{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/3499.jpg);
}

.presentantionbanner{

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

.productshow{
	width: 100%;
	height: 80%;
}


.slideshow {
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;

	touch-action: pan-y;
}

.slideshow h1{
	font-family: amb;
	width: 100%;
	position: absolute;
	bottom: 25%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #F5F5F5;
	line-height: 20px;
	font-size: 35px;
	text-shadow: 1px 1px 6px rgba(9,9,9,1.00);
	word-spacing: 10px;
	letter-spacing: 6px;
	

}

 .slide {
	 
	height: 100%;
	width: 100%;
	animation: swap 5s	linear infinite;
	backface-visibility: hidden;
	background-size: cover;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}

.slide a{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.36) 1.04%,rgba(0,0,0,0.20) 23.83%,rgba(0,0,0,0.00) 53.37%,rgba(0,0,0,0.19) 78.24%,rgba(0,0,0,0.52) 100%);
}



.slideshow > .slide:nth-child(1)  {
	animation-delay: 0s;
	background-image: url(../images/1-3.jpg);

	

	
			
}
.slideshow> .slide:nth-child(2) {
	animation-delay: 1s;
	background-image: url(../images/1-5.jpg);	
}
.slideshow > .slide:nth-child(3) {
	animation-delay: 8s;
	background-image: url(../images/1-4.jpg);
}




/*



@keyframes swap{
  0% {
 
	  filter: blur(3px);
 
  }
	0.01%{

    opacity: 1;
		transform: 0;
		overflow: hidden;
		
		  filter: blur(2px) brightness(80%);
		
  }
	
	
	
	10%{
		filter: blur(1px);
	}
	
	
	
	
	
	
  17% {
    opacity: 1;
	 transform: 0;
	    filter: blur(0px);
	  
  }
  25% {
    opacity: 1;
	  transform: 0;
	   filter: blur(0px); 
  }
	49.9%{
	
		transform: 0;
		opacity: 1;
		  filter: blur(0px);
	}
  50% {
    opacity: 1;
	transform:  scale(1.125) rotate(2.5deg) ;
	  overflow:hidden; 
	  filter: blur(0px);
	
	
	
	
	 
	
  }
	50.01%{
		opacity: 0;
		
		transform: 0;
		  filter: blur(0px);
	}
	
	
  100% {
	  opacity: 0;
	 transform: 0;
  filter: blur(0px);
  }
}


@keyframes delay{
	
	0%{
		
		
	}
	
	
}

*/




@keyframes swap{
  0% {
 
	opacity: 1;
	transform: scale(1.5);  
 
  }
	0.01%{

	opacity: 1;
	transform: scale(1.0);	
		
		
  }
	
	
	1%{
		transform: scale(1.0);
	}
	
	5%{
		transform: scale(1.0);
	}
	
	
	10%{
	
	}
	
	
	
	
	
	
  17% {
  
	  
  }
  25% {
   
  }
	
	
	
	45%{
		
	}
	
	
	
	
	49.9%{
	
		
	}
	
	
	

	
	
	
  50% {
	  
	  opacity: 1;
	  
	  
	  transform: scale(1.0);
   
	
	
	
	
	 
	
  }
	50.01%{
		
		opacity: 1;
		transform: scale(1.5);
	}
	
	
  100% {
	  
  }
}





@keyframes delay{
	
	0%{
		
		
	}
	
	
}




































#guitargallery > .slide:nth-child(1)  {
	animation-delay: 0s;
	background-image: url(../images/1-6.jpg);

	

	
			
}
#guitargallery> .slide:nth-child(2) {
	animation-delay: 4s;
	background-image: url(../images/1-1.jpg);	
}
#guitargallery > .slide:nth-child(3) {
	animation-delay: 8s;
	background-image: url(../images/1-7.jpg);
}














.grayscale{
	filter: contrast(1.9);
	filter: grayscale(1.1);
}





.product-list{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	color: rgba(255,255,255,1.00);
	background-color: rgba(244,244,244,1.00);
		
}



.product-wrap{
	text-align: center;
	position: relative;
	height: auto;
	padding-top: 25px;
	
}


.product{
	height: 100%;
	
	
}


.product-card{
	object-fit: contain;
	width: 100%;
	height: auto;
	max-height: 100%;
	max-width: 98%;
	background-image: url(url);
}

.description-pricing{
	position: relative;
	text-align: center;
	color: black;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.product h2, h5, span, p{
	display: inline-block;
	
	
}

.product h2{
	font-family: amb;
	font-size: 15px;
	letter-spacing: 3px;
	word-spacing: -7px;
}

.product h5{
	font-family: khand;
	letter-spacing: 3px;
	font-size: 15px;
}




.gallery{
	display: flex;
	width: 100%;
	background-color: rgb(30, 30, 30);
	padding: 0;
	justify-content: center;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.65) 98.96%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.65) 98.96%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.65) 98.96%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.65) 98.96%);
}
.gallerywrap{
	display: flex;
	
	justify-content: center;
	flex-flow: row ;
	
	
	
}



.thumbnail h1{
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	text-align-last: center;
	position: relative;
	bottom: 50px;
	font-family: amb;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	text-shadow: 1px 6px 6px rgba(0,0,0,0.32);
}

.thumbnail a{
	text-decoration: none;
}


.thumbnail{
	margin: 5px;
	height: 150px;
	
	
	border-radius: 5px;
	object-fit: cover;
	text-align: center;
}

.thumbnailimage{
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	border-radius: 5px;
}





.divider{
	width: 100%;
	height: 5px;
	/* [disabled]padding-top: 20px; */
	/* [disabled]padding-bottom: 20px; */
	background-color: transparent;
	/* [disabled]height: 40px; */
	/*position: relative;*/
	margin-bottom: 20px;
	margin-top: 20px;
}

.line{
	width: 90%;
	/* [disabled]margin-top: -21%; */
	/* [disabled]margin-bottom: 22%; */
	height: 1px;
	background-color: rgba(255,255,255,1.00);
	display: block;
	margin-right: auto;
	margin-left: auto;
}




















.specs::before{
	display: block;
	position: absolute;
	content: 'Specifications';
	top: -20px;
	left: 20px;
	border-bottom: 20px solid black;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	height: 0;
	width: 200px;
	font-family: khand;
	color: white;
	font-size: 15px;
	text-align: center;
				
	
}


.chart{
	
	display: block;
	position: relative;
	background-color: black;
	width: 100%;
	height: auto;
	color: white;
	font-family: verdana;	
}

.pricing h2{
	
	color: white;
	
	
}

.chart h4{
	display: inline-block;
	margin-left: 20px;
	font-family: rock;
	letter-spacing: 2px;
}

.chartwrapper{
	position: relative;
	padding: 20px;
}



.spec :nth-of-type(2){
	
	background-color: grey;
	color: white;
	font-weight: bolder;
	
}

.chart span{
	font-size: 20px;
	margin-left: 23px;
	
	letter-spacing: 2px;
}


.spec{
	background-color: black;
	height: auto;
	padding: 5px;
}
.table-wrapper{
	padding: 10px;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: black;
	color: white;
	
}


table {
	padding: 50px;
	border-collapse: collapse;
	width: 95%;
	margin: 0 auto;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	background-size: cover;
	background-repeat: no-repeat;
}

table strong{
	color:rgba(0,131,76,1.00);border-bottom: 1px  rgba(244,244,244,0.64) solid;
}

tbody{
	
	width:25px;
}


td, th {

  text-align: left;
  padding: 2px;
	border-bottom: #3B3B3B 1px solid;
	
	
}



td{
	border-left: #3B3B3B 1px solid;
	letter-spacing: 3px;
	font-size: 14px;
	/*border-bottom-right-radius: 25%;
	border-top-right-radius: 25%;*/
}


th{
	width: 39%;
	margin: 0 auto;
	font-family: arial, sans-serif;
	letter-spacing: 3px;
	/*border-top-left-radius: 25%;
	border-bottom-left-radius: 25%;*/
}

tr:nth-child(even) {
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(244,244,244,0.10);
}

tr{
	;
	overflow-y: hidden;
	background-clip: border-box;
}



.table-description{
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
}











#contactform{
				height: auto;
				background-image: url(../images/3499.jpg);
				background-position: center center;
				
				background-repeat: no-repeat;
				background-size: cover;
				
				
			}
			
.contactform{
	width: 100%;
	
}
			
			
			
			.contactform-wrapper{
	width: 80%;
	margin: 0 auto;
	position: relative;
	padding: 20px;
	color: rgba(255,255,255,1.00);
				
				
				
			}
			.contactform-wrapper button{
				margin-top: 20px;
				text-align: center;
			}
			
			
			
			
			.contactform input{
				display: block;
				margin-bottom: 20px;
				color: white;
				
				
			}
			
			.contactform textarea, input{
	background-color: rgba(0,0,0,0.66);
	border: 1px solid rgba(83,83,83,1.00);
	padding: 5px;
	border-radius: 5px;
				color: white;
			}
			
			.contactform input::-ms-input-placeholder {
  				color: white;
				
			}
			
			.contactform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  				color: white;
 				 opacity: 1;
				/* Firefox */
			}
			
			
			textarea{
			
				width: 100%;
				display: block;
				height: 100px;
				color: white;
				
				
				
			}



.contactinfo::before{
				
				
				display: block;
				position: absolute;
				content: 'Other contact info';
				top: 0px;
				left: 20px;
				border-bottom: 20px solid rgba(0,0,0,0.66);
				border-left: 12px solid transparent;
				border-right: 12px solid transparent;
				height: 0;
				width: 200px;
				font-family: khand;
				color: white;
				font-size: 15px;
				
			}
			 
		
			.contactinfo{
				background-color:rgba(0,0,0,0.66) ;
				
				display: flex;
				color: white;
				text-align: center;
				flex-flow: row wrap;
				justify-content: space-around;
				align-items: baseline;
				vertical-align: middle;
			}
			
			.contactinfo div{
	margin: 20px;
	padding: 20px;
	font-size-adjust: auto;
	border-radius: 5px;
	border: 1px solid rgba(245,245,245,1.00);
				
			}
			
			.contactinfo p{
				width: 100%;
			}
.contactinfo h1{
	font-family: khand;
}
		
		










.thankyoupagewrapper{
	height: 80%;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	border-radius: 4%;
	border: 1px solid rgba(173,173,173,1.00);
}


.thankyou{
	animation: fadein 2500ms linear;
	width: 300px;
	height: 300px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	font-family: amb;
	color: white;
	text-align: center;
	border-radius: 5%;
	background-position: center center;
	background-size: auto auto;
	background-image: url(url), -webkit-linear-gradient(270deg,rgba(46,46,46,0.83) 0%,rgba(0,0,0,0.34) 47.15%,rgba(66,66,66,0.87) 100%);
	background-image: url(url), -moz-linear-gradient(270deg,rgba(46,46,46,0.83) 0%,rgba(0,0,0,0.34) 47.15%,rgba(66,66,66,0.87) 100%);
	background-image: url(url), -o-linear-gradient(270deg,rgba(46,46,46,0.83) 0%,rgba(0,0,0,0.34) 47.15%,rgba(66,66,66,0.87) 100%);
	background-image: url(url), linear-gradient(180deg,rgba(46,46,46,0.83) 0%,rgba(0,0,0,0.34) 47.15%,rgba(66,66,66,0.87) 100%);
	border-width: 1px;
}

.thankyou h1,h2{
	padding: 20px;
	margin: 0 auto;

	
	
}

.thankyou h1{
	line-height: 30px;
	
}

.thankyou h2{
	font-size: 17px;
	line-height: 15px;
	font-family: khand;

	
	
}

























@keyframes expand {
	
	0%{
		transform: scale(1.0);
	}
  
	
	
	100%{
		transform: scale(1.02);
		filter: contrast(1.2) 
	}
	
	
	
}



.card {
    width: 100%;
    margin-top: 0px;
    max-width: 98%;
}






/* Small Tablets */
/* 48em = 768px */

@media (min-width: 768px) {
	
	
	
	
	
	.social{
		display: block;
	}
	


	
	.contentwrap{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: baseline;
		vertical-align: middle;
	}
	
	.content{
		width: 400px;
	}
	
	
	.product-list{

		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: baseline;
		vertical-align: middle;

	}
	
	.product-wrap{
	width: 500px;
	margin-top: 40px;
	}
	#-hueite-product-detailed-banner{
		height:80vh;
	}
	
	.introcontent p{
	line-height: 20px;
	}
	
	
	.slide {
	background-size: cover;
	background-position: center center;
	
	 
}
	
	
	.card{
		max-width: 50vw;
	}
	

	
	
	
	
	.thumbnail{
	margin: 20px;
	height: 33em;
	
	
}
	
	
	
	.thumbnail a :hover{
		duration: 550ms;
  animation-name: expand;
  animation-duration: 750ms;
		animation-fill-mode: forwards;
	
}
	
	.featured a  :hover{	
  animation-name: expand;
  animation-duration: 550ms;
		animation-fill-mode: forwards;
	
	}
	
	
	.product a :hover {
		duration: 550ms;
  animation-name: expand;
  animation-duration: 750ms;
		animation-fill-mode: forwards;
	}
	
	
	.expandable-container a {
    display: none;
		text-decoration: none;
    
}
	
	
	
	
	.hero-tittle-swap h1{
	


}
	
	
	


	

}





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




@media (max-width: 375px) {
	
	td, th {

  padding: 0px;
	
		letter-spacing: 2px;
		text-align: center;
		font-family: verdana;
		font-size: 11px;
		
}
	
	
	
	
}