.ptext {
	position:absolute;
	top:90%;
	width:100%;
	text-align:center;
	color:#000;
	font-size:27px;
	text-transform:uppercase;
	border-color:white;
	z-index:2;
	}
.ptext .border {
	color:#fff;
	padding:20px;
	border-color:white;
	background-color:#282e34;
	}
.ptext .border.trans {
	background-color:transparent;
	border-color:white;
	}
	
#drone-box {
	margin: 150px auto;
	transition: 2s;
	width:170px;
	position:relative;
	top:-200px;
	}
.drone-pic {
	width:100%;
	}
.left-pic {
	width:60px;
	top:7px;
	left:-4px;
	position:absolute;
	animation:rotation .3s linear infinite;
	}
.right-pic {
	width:60px;
	top:7px;
	right:-4px;
	position:absolute;
	animation:rotation .3s linear infinite;
	}
@keyframes rotation {
	100%{ transform:rotateY(360deg)	}
	}
.circle {
	width:20px;
	height:20px;
	border:1px solid #000;
	position:absolute;
	border-radius:15px;
	text-align:center;
	vertical-align:central;
	}
	
.productPicture {
	height:50px;
	width:50px;
	position:relative;
	display:inline-block;
	}
.productDetailsClass {
	vertical-align:bottom;
	display:none;
	}
#productDetails{
	line-height:1.7em;
	}	
.slider {
	position:relative;
	padding:1px;
	background-color:lightgrey;
	width:80px;
	}
.slideDiv {
	left:-10px;
	height:100%;
	width:8%;
	background-color:blue;
	position:absolute;
	display:inline-block;
	opacity:0.3;

	animation-name:slideOut;
	animation-duration:0.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	}
.slideDivOut {
	height:100%;
	position:relative;
	display:inline-block;

	animation-name:slideOut;
	animation-duration:0.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	}
.slideDivIn {
	height:100%;
	position:relative;
	display:inline-block;

	animation-name:slideIn;
	animation-duration:0.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	}
.slider:hover .slideDiv, .slideDiv1{
	animation-name:slideIn;
	animation-duration:0.5s;
	animation-timing-function: ease-in-out;
	display:block;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	background-color:red;
	}
@keyframes slideIn {
	0% { left:0px; top:0; }
	100% { left:92%; top:0; visibility:hidden; }
	}
@keyframes slideOut {
	0% { left:92%; top:0; }
	100% { left:0px; top:0; visibility:hidden; }
	}

.addressSlide {
	position:relative;
	display:inline-block;
	visibility:true;
	color:grey;
	
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-name:sliding;
	animation-timing-function:'ease-in-out'
	}
@keyframes sliding {
	0% {opacity:0; }
	100% { opacity:1; 
	font-family:'Century Gothic';}
	}
.transition1S {
	transition:1s;
	}