div.fancy-select {
position: relative;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
/*color: #46565D;*/
}
div.fancy-select.disabled {
opacity: 0.5;
}
div.fancy-select select:focus + div.trigger {
box-shadow: 0 0 0 2px #D7D9DE;
font-size:20px
}
div.fancy-select select:focus + div.trigger.open {
box-shadow: none;
background-color:#f8f6f3;
color:#323030;
font-size:20px
}
div.fancy-select div.trigger {
/*border-radius: 4px;*/
cursor: pointer;
padding: 10px 24px 9px 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
/*background: #166677;*/
background:none;
/*border: 1px solid #3A9E9A;
border-top-color: #4BA4A0;*/
color: #4d4949;
font-size:20px;

/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
width: 100%;
margin-top: 10px;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out;
}
div.fancy-select div.trigger:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #A2A4A7;
top: 17px;
right: 9px;
font-size:20px
}
div.fancy-select div.trigger.open {
background: #4A5368;
border: 1px solid #475062;
color: #7A8498;
box-shadow: none;
font-size:20px
}
div.fancy-select div.trigger.open:after {
border-top-color: #7A8498;
font-size:20px
}
div.fancy-select ul.options {

	list-style: none;
	margin: 0;
	position: absolute;
color:white;
	font-size:20px;
	top: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: auto;
	background:#3b7e7e;
	border-radius: 4px;
	border-top: 1px solid #252727;
	box-shadow: 0 1px 2px rgba(153, 146, 146, 0.2);
	min-width: 200px;
	padding: 6px 0;
	transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

}
div.fancy-select ul.options.open {
visibility: visible;
top: 50px;
opacity: 1;
width:100%;
color:#d1cdcd;
font-size:20px
}
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
font-size:20px
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 50px;
font-size:20px
}
div.fancy-select ul.options li {
padding: 6px 12px;
color: #D6DBDB;
cursor: pointer;
white-space: nowrap;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
font-size:20px
}
div.fancy-select ul.options li.hover {
color: #0de3b5;
}

/*for signup*/

div.fancy-select1 {
position: relative;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
/*color: #46565D;*/
}
div.fancy-select1.disabled {
opacity: 0.5;
}
div.fancy-select1 select:focus + div.trigger {
box-shadow: 0 0 0 2px #D7D9DE;
font-size:15px
}
div.fancy-select1 select:focus + div.trigger.open {
box-shadow: none;
background-color:#f8f6f3;
color:#323030;
font-size:15px
}
div.fancy-select1 div.trigger {
/*border-radius: 4px;*/
cursor: pointer;
padding: 10px 24px 9px 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
/*background: #166677;*/
background:none;
/*border: 1px solid #3A9E9A;
border-top-color: #4BA4A0;*/
color: #e3d2d2;
font-size:15px;
margin-bottom: 6px;
/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
width: 100%;
margin-top: 6px;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out;
}
div.fancy-select1 div.trigger:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #A2A4A7;
top: 17px;
right: 9px;
font-size:15px
}
div.fancy-select1 div.trigger.open {
background: #4A5368;
border: 1px solid #475062;
color: #7A8498;
box-shadow: none;
font-size:15px
}
div.fancy-select1 div.trigger.open:after {
border-top-color: #7A8498;
font-size:15px
}
div.fancy-select1 ul.options {

	list-style: none;
	margin: 0;
	position: absolute;
color:white;
	font-size:15px;
	top: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: auto;
	background:#3b7e7e;
	border-radius: 4px;
	border-top: 1px solid #252727;
	box-shadow: 0 1px 2px rgba(153, 146, 146, 0.2);
	min-width: 200px;
	padding: 6px 0;
	transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

}
div.fancy-select1 ul.options.open {
visibility: visible;
top: 50px;
opacity: 1;
width:100%;
color:#d1cdcd;
font-size:15px
}
div.fancy-select1 ul.options.overflowing {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
font-size:15px
}
div.fancy-select1 ul.options.overflowing.open {
top: auto;
bottom: 50px;
font-size:15px
}
div.fancy-select1 ul.options li {
padding: 6px 12px;
color: #D6DBDB;
cursor: pointer;
white-space: nowrap;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
font-size:15px
}
div.fancy-select1 ul.options li.hover {
color: #0de3b5;
}