@charset "utf-8";
/* CSS Dropdown Image */


.dropdown {
  float: right;
  position: relative;
  right: 10px;
  display: inline-block;
}

.dropbtn {
  float: right;
  position: relative;
  right: 5px;
  display: inline-block;
}

/* Dropdown Container */
.dropdown-content {
	display: none;
	position: absolute;
	right: 130px;
	top: 10px;
	background-color: #FFF;
	min-width: 110px;
	min-height: 100px;

  max-height: ;
  overflow: ;
	box-shadow: 
	inset 0 -3em 3em rgba(0,0,0,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);
	
	border: 5px solid #f2f4da;
	border-radius: 25px;
	padding: 20px;
	z-index: 100;
	color: #FFF;
}

.dropdown-content a {
  position: relative;
  color: #09C;
  font-weight: 500;
  padding: 8px 8px;
  text-decoration: none;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.2s;
   
}

/* CSS Dropdown LINKS */
.dropdown-content  a::before {
position: relative;
top: -100px;
left: -5px;
right: -1px;
z-index: -1;
box-sizing: content-box;
padding: 0 5px;
width: 100%;
height: 100%;
border-radius: 25px;



content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
transition: transform 0.4s, opacity 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
}
.dropdown-content  a:hover::before
{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #f9fafb;

}

.dropdown-content a:hover
{
	color: #bc600f ;
	font-weight: 500;
	background-color: #f9fafb;
	border-radius: 25px;
	border: 1px solid #999;	
}



/* CSS Dropdown Image */

.show {
	display: block;
	}