/* fonts  */
@import url('https://fonts.googleapis.com/css?family=Abel|Aguafina+Script|Artifika|Athiti|Condiment|Dosis|Droid+Serif|Farsan|Gurajada|Josefin+Sans|Lato|Lora|Merriweather|Noto+Serif|Open+Sans+Condensed:300|Playfair+Display|Rasa|Sahitya|Share+Tech|Text+Me+One|Titillium+Web');

body {
background: #ffffff;
	background-image: linear-gradient( 135deg, #ffffff 30%, #ffffff 70%);
	background-attachment: fixed;	
	background-size: cover;
	}

#p_container{
	box-shadow: 0 20px 35px 20px rgba(0, 100, 100, 0.70);
	background: rgba(255, 255, 255, 0.90);
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin: 5em auto;
	width: 90%;
	
}
#container2{
	box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
	background: rgba(255, 255, 255, 0.90);
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin: 5em auto;
	height: 382px;
	width: 40%;
	
}
#container3{
	box-shadow: 0 0px 0px 0px rgba(0, 255, 128, 0.70);
	background: rgba(255, 255, 255, 0.90);
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin: 3em auto;
	height: 15px;
	width: 80%;
	
}
/* 	Product details  */
.product-details {
	position: relative;
	text-align: left;
	overflow: hidden;
	padding: 30px;
	height: 100%;
	float: left;
	width: 95%;

}

/* 	Product Name */
#p_container .product-details h1{
	font-family: 'Old Standard TT', serif;
	display: inline-block;
	position: relative;
	font-size: 34px;
	color: #0e931e;
	margin: 0;
	
}

#p_container .product-details h1:before{
	position: absolute;
	content: '';
	right: 0%; 
	top: 0%;
	transform: translate(25px, -29px);
	font-family: 'Old Standard TT', cursive;
	display: inline-block;
	background: #04d1c0;
	border-radius: 5px;
	font-size: 15px;
	padding: 5px;
	color: #FFF;
	margin: 0;
	animation: chan-sh 6s ease infinite;

}


@keyframes chan-sh {
	from  {content: '100% Pure';}
	to  {content: 'New Technology';}
	
}

/*Product Rating  */
.hint-star {
	display: inline-block;
	margin-left: 0.5em;
	color: #04d1c0;
	width: 50%;
}


/* The most important information about the product */
#p_container .product-details > p {
	font-family: 'Old Standard TT', cursive;
	text-align: center;
	font-size: 30px;
	color: #c90f51;
	
}

/* the Button */
.btn {
	transform: translateY(0px);
	transition: 0.3s linear;
	background: #04d1c0;
	border-radius: 5px;
  position: relative;
  overflow: hidden;
	cursor: pointer;
	outline: none;
	border: none;
	color: #ffffff;
	padding: 10px;
	margin: 0;
	
}

.btn:hover{transform: translateY(-4px);}

.btn span {
	
	transition: transform 0.3s;
	display: inline-block;
  padding: 0px 8px;
	font-size: 2em;
	margin:0;
	
}
/* shopping cart icon */
.btn .price, .shopping-cart{
	background: #ffffff;
	border: 0;
	margin: 0;
}

.btn .price {
	transform: translateX(-10%); padding-right: 0px;
	margin-left: 10px;
}

/* the Icon */
.btn .shopping-cart {
	transform: translateX(-100%);
  position: absolute;
	background: #ffffff;
	z-index: 1;
  left: 0px;
  top: 10px;
}

/* buy */
.btn .buy {z-index: 3; font-weight: bolder;}

.btn:hover .price {transform: translateX(-110%);}

.btn:hover .shopping-cart {transform: translateX(0%);}



/* product image  */
.product-image {
	transition: all .3s ease-out;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 100%;
	float: right;
	width: 90%;
}

#p_container img {width: 100%;height: 100%;}

.info {
    background: rgba(27, 26, 26, 0.9);
    font-family: 'Farsan', cursive;
    transition: all 0.3s ease-out;
    transform: translateX(-100%);
    position: absolute;
    line-height: 1.9;
    text-align: left;
    font-size: 120%;
    cursor: no-drop;
    color: #FFF;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.info h2 {text-align: center}
.product-image:hover .info{transform: translateX(0);}

.info ul li{transition: .3s ease;}
.info ul li:hover{transform: translateX(50px) scale(1.3);}

.product-image:hover img {transition: all 01.3s ease-out;}
.product-image:hover img {transform: scale(1.0, 1.0);}


/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

@import url(https://fonts.googleapis.com/css?family=Khula:700);
body {
  background: #FFFFFF;
}
.hidden {
  opacity:0;
}
.console-container {
 
  font-family:Khula;
  font-size:2em;
  
  height:200px;
  width:600px;
  display:block;
  position:absolute;
  color:white;
  
  left:0;
  right:0;
  margin:auto;
}
.console-underscore {
   display:inline-block;
  position:relative;
  top:-0.14em;
  left:10px;
}
.logo_animation{
	position: absolute;
  top: 0%;
  margin-top: 0px;
  left: 8%;
  margin-left: -5%;
}

div#main-menu{
	margin-top: 120px;
}
.product_desc{
	 list-style-type:square;
 }
ul.product_desc {
	width: 100%;
}

.p_review {
	box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
	background: rgba(255, 255, 255, 0.90);
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto 40px auto;
	width: 40%;
}
div.hover14>figure>iframe {
	height: 323px;
}

@media only screen and (max-width:1200px) {
	h4.p_desc {
		font-size: 15px;
	}
	span.buy {
		font-size: 24px;
	}
	.p_review {
		box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
		background: rgba(255, 255, 255, 0.90);
		text-align: center;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto 40px auto;
		width: 55%;
	}
}

@media only screen and (max-width:1024px) {
	h4.p_desc {
		font-size: 14px;
	}
	.btn .buy {
		z-index: 3;
		font-weight: bolder;
		font-size: 20px;
	}
	.p_review {
		box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
		background: rgba(255, 255, 255, 0.90);
		text-align: center;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto 40px auto;
		width: 56%;
	}
	.follow-section .img {
		padding-left: 5px;
	}
	.address.col-xs-12.col-sm-12.col-md-4 {
		width: 30%;
	}
	.payment.col-sm-12.col-xs-12.col-md-4 {
		width: 30%;
	}
	.follow_us.col-xs-12.col-sm-12.col-md-4{
		width: 40%;
	}
}


@media only screen and (max-width: 992px) {
	ul.product_desc {
		width: 100%;
	}
	h2.p_brand {
		font-size: 24px;
	}
	h4.p_desc {
		font-size: 18px;
	}
	.p_review {
		box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
		background: rgba(255, 255, 255, 0.90);
		text-align: center;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto 40px auto;
		width: 73%;
	}
	.address.col-xs-12.col-sm-12.col-md-4 {
		width: 45%;
	}
	.payment.col-sm-12.col-xs-12.col-md-4 {
		width: 45%;
	}
	.follow_us.col-xs-12.col-sm-12.col-md-4{
		width: 80%;
	}
}

@media (max-width: 768px) {
	.p_review {
		box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
		background: rgba(255, 255, 255, 0.90);
		text-align: center;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto 40px auto;
		width: 74%;
	}
	section.follow-section>div>div {
		text-align: center;
	}
	.address.col-xs-12.col-sm-12.col-md-4 {
		width: 90%;
	}
	.payment.col-sm-12.col-xs-12.col-md-4 {
		width: 90%;
	}
	.follow_us.col-xs-12.col-sm-12.col-md-4{
		width: 90%;
	}

}

@media (max-width: 576px) {
	#p_container .product-details h1 {
		font-family: 'Old Standard TT', serif;
		display: inline-block;
		position: relative;
		font-size: 30px;
		color: #0e931e;
		margin: 0;
	}
	h2.p_brand {
		font-size: 22px;
	}
	h4.p_desc {
		font-size: 14px;
	}
	button.btn {
		width: 100%;
	}
	.btn .buy {
		z-index: 3;
		font-weight: bolder;
		font-size: 12px;
	}
	.btn .price {
		transform: translateX(-10%);
		padding-right: 0px;
		margin-left: 10px;
		font-size: 14px;
	}
	.btn .shopping-cart {
		transform: translateX(-100%);
		position: absolute;
		background: #ffffff;
		z-index: 1;
		left: 0px;
		top: 0px;
	}
	.p_review {
		box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
		background: rgba(255, 255, 255, 0.90);
		text-align: center;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto 40px auto;
		width: 68%;
	}
	.p_review>h1 {
		font-size: 22px;
	}
	div.hover14>figure>iframe {
		height: 220px;
	}
	.address.col-xs-12.col-sm-12.col-md-4 {
		width: 90%;
	}
	.payment.col-sm-12.col-xs-12.col-md-4 {
		width: 90%;
	}
	.follow_us.col-xs-12.col-sm-12.col-md-4{
		width: 100%;
	}

	.logo_animation {
		position: absolute;
		top: 0%;
		margin-top: 0px;
		left: 8%;
		margin-left: -35PX;
		width: 375px;
	}
}

@media (max-width: 576px) {
	#p_container .product-details h1 {
		font-family: 'Old Standard TT', serif;
		display: inline-block;
		position: relative;
		font-size: 30px;
		color: #0e931e;
		margin: 0;
	}
	h2.p_brand {
		font-size: 22px;
	}
	h4.p_desc {
		font-size: 14px;
	}
	button.btn {
		width: 100%;
	}
	.btn .buy {
		z-index: 3;
		font-weight: bolder;
		font-size: 12px;
	}
	.btn .price {
		transform: translateX(-10%);
		padding-right: 0px;
		margin-left: 10px;
		font-size: 14px;
	}
	.btn .shopping-cart {
		transform: translateX(-100%);
		position: absolute;
		background: #ffffff;
		z-index: 1;
		left: 0px;
		top: 0px;
	}
	.p_review {
		box-shadow: 0 20px 35px 20px rgba(0, 255, 128, 0.70);
		background: rgba(255, 255, 255, 0.90);
		text-align: center;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 auto 40px auto;
		width: 68%;
	}
	.p_review>h1 {
		font-size: 22px;
	}
	div.hover14>figure>iframe {
		height: 220px;
	}
	.address.col-xs-12.col-sm-12.col-md-4 {
		width: 90%;
	}
	.payment.col-sm-12.col-xs-12.col-md-4 {
		width: 90%;
	}
	.follow_us.col-xs-12.col-sm-12.col-md-4{
		width: 100%;
	}

	.logo_animation {
		position: absolute;
		top: 0%;
		margin-top: 0px;
		left: 8%;
		margin-left: -35PX;
		width: 375px;
	}
}