body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.top-container {
  background-color: #F2F8FB;
  padding: 10px;
  padding-left:10%;
  /*background-image: url('../images/2birds2.png'); */
}

.header {
  padding: 0px 0px;
  background: #AAB6C1;
  color: #fffff;
  box-shadow:1px 3px 5px grey;
}

.shadow {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}
.shadow:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.footertop{
	background-color:#DAF3F6;
	padding:2%;
	margin-top:5%;
/*	background-image:url("../images/topbg.png");*/
	background-size: cover;
}

.footerbottom{
	width:100%;
	text-align:bottom;
	z-index:-1;
}

/* style for slideshow */

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  z-index:-1; 
	margin-bottom:5%;
	background-image:url("../images/Bannerbg.jpg");
	background-size: cover;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  display:none;
}


/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: none;
  transition: background-color 0.3s ease;
  margin-top:-2%;
  margin-bottom:4%;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s;
}

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

@keyframes fade {
  from {opacity: 0.2} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* product displaying divisioins */
.prod-display{
	float:left;
	padding:1%;
	margin:1%;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
	transition:0.4s;
	max-width:340px;	
	height:550px;
	position:relative;
}

.prod-display h5{
	margin:2%;
}


.prod-display:hover{	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition:0.4s;
}


.add-to-cart{
	text-align: center;
	float:bottom;
	position:absolute;
	bottom:10px;
}

.add-to-cart button{
	width:50%;
	margin:1%;
	margin-bottom:2%;
	padding:1%;
	background-color:#D4326D;
	border-style:none;
	color:white;
	
}

.add-to-cart button:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition:0.4s;
	color:black;
}

.add-to-cart input{
	width: 15%;
	margin:1%;	
}

.freeship{
	margin-top:-15%;
	text-align:right;
	padding:1%;	
}
.freeship p{
	font-size:18px;
	color:#F4520C;
	font-style:strong;
	text-shadow: 2px 2px 8px #F4520C;
}

.freeship2{
	margin-top:1%;
	text-align:center;
	padding:2%;	
}
.freeship2 p{
	font-size:18px;
	color:#F4520C;
	font-style:strong;
	text-shadow: 2px 2px 8px #F4520C;
}

.productfilterdiv {
	float:left;
	padding:1%;
	margin:1%;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
	transition:0.4s;
	width:240px;	
	display: none;
	height:400px;
	position:relative;
}
.productfilterdiv:hover{	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition:0.4s;
}
.show {
  display: block;
  transition:0.4s;
}
.myBtnContainer{
	margin:5%;
}
.myBtnContainer .btn{
	margin:1%;
}
.btn_action{
	margin:1%;
	padding:3%;
	background-color:#D4326D;
	border-style:none;
	color:white;
}
.btn_action:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition:0.4s;
	color:black;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  color: #204B50;
  opacity:0.9;
}

.sticky + .content {
  padding-top: 102px;
}

.topnav {
  overflow: hidden;
  background-color: #F0F4F7;
}

.topnav a {
  float: left;
  display: block;
  color: #204B50;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  transition: 0.5s;
}

.topnav a:hover {
  color: #1C9AAA;
}

.topnav .menuicon {
  display: none;
}

.topnav .shopcarticon {
  float: right;
}
.bottomnav{
	width:100%;
	height:40px;
	bottom:0px;
	background-color:#F0F4F7;
	position:fixed;
	display:none;
	padding:2%;
	padding-bottom:15%;
	z-index:20;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (max-width: 600px) {	
  .topnav a:not(:first-child) {display: none;}
  .topnav a.menuicon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {	
	.productfilterdiv{margin-left:12%;}
	.prod-display{margin-left:12%;}
	.homebody{padding:2%;}
	.footerbottom{display:none;}
	.birds{display:none;}
	.footertop{margin-bottom:15%;}
	.top-logo{width:100px;}
	.top-container{background-image:none;}
	.top-container{text-align:center;}
	.bottomnav{display:inline; z-index:1000;}
	/* .topnav{display:none;} */
	.topnav.responsive {position: relative;}
	.topnav.responsive .menuicon {
    position: absolute;
    right: 0;
    top: 0;
  }
  @media screen and (max-width:400px;){
	  .bottomnav{width:400px;}
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav{padding-left: 2%;}
}
#filterlogo{
    text-align:center;
    height:15%;
}
#filterlogo .img-top{
    width:80%;
    transition:0.4s;
}
#filterlogo:hover .img-top{
    width:100%;
    transition:0.4s;
}