@font-face { font-family:myriad; font-style:normal; font-weight:normal; src:url("myriad.ttf"); }

* {
  outline: 0;
  font-family: myriad;
}

.dropdown {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown:active {
    background-color: #999
}
.dropdown.active:hover,
.dropdown.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown.active .select > i {
    transform: rotate(-90deg)
}
.dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}
.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}


.dropdown1 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown1 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown1 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown1:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown1:active {
    background-color: #999
}
.dropdown1.active:hover,
.dropdown1.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown1.active .select > i {
    transform: rotate(-90deg)
}
.dropdown1 .dropdown1-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown1 .dropdown1-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown1 .dropdown1-menu {
    padding: 0;
    list-style: none
}
.dropdown1 .dropdown1-menu li:hover {
    background-color: #f2f2f2
}
.dropdown1 .dropdown1-menu li:active {
    background-color: #e2e2e2
}


.dropdown2 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown2 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown2 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown2:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown2:active {
    background-color: #999
}
.dropdown2.active:hover,
.dropdown2.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown2.active .select > i {
    transform: rotate(-90deg)
}
.dropdown2 .dropdown2-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown2 .dropdown2-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown2 .dropdown2-menu {
    padding: 0;
    list-style: none
}
.dropdown2 .dropdown2-menu li:hover {
    background-color: #f2f2f2
}
.dropdown2 .dropdown2-menu li:active {
    background-color: #e2e2e2
}


.dropdown3 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown3 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown3 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown3:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown3:active {
    background-color: #999
}
.dropdown3.active:hover,
.dropdown3.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown3.active .select > i {
    transform: rotate(-90deg)
}
.dropdown3 .dropdown3-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown3 .dropdown3-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown3 .dropdown3-menu {
    padding: 0;
    list-style: none
}
.dropdown3 .dropdown3-menu li:hover {
    background-color: #f2f2f2
}
.dropdown3 .dropdown3-menu li:active {
    background-color: #e2e2e2
}


.dropdown4 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown4 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown4 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown4:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown4:active {
    background-color: #999
}
.dropdown4.active:hover,
.dropdown4.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown4.active .select > i {
    transform: rotate(-90deg)
}
.dropdown4 .dropdown4-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown4 .dropdown4-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown4 .dropdown4-menu {
    padding: 0;
    list-style: none
}
.dropdown4 .dropdown4-menu li:hover {
    background-color: #f2f2f2
}
.dropdown4 .dropdown4-menu li:active {
    background-color: #e2e2e2
}


.dropdown5 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown5 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown5 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown5:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown5:active {
    background-color: #999
}
.dropdown5.active:hover,
.dropdown5.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown5.active .select > i {
    transform: rotate(-90deg)
}
.dropdown5 .dropdown5-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown5 .dropdown5-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown5 .dropdown5-menu {
    padding: 0;
    list-style: none
}
.dropdown5 .dropdown5-menu li:hover {
    background-color: #f2f2f2
}
.dropdown5 .dropdown5-menu li:active {
    background-color: #e2e2e2
}


.dropdown6 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown6 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown6 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown6:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown6:active {
    background-color: #999
}
.dropdown6.active:hover,
.dropdown6.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown6.active .select > i {
    transform: rotate(-90deg)
}
.dropdown6 .dropdown6-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown6 .dropdown6-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown6 .dropdown6-menu {
    padding: 0;
    list-style: none
}
.dropdown6 .dropdown6-menu li:hover {
    background-color: #f2f2f2
}
.dropdown6 .dropdown6-menu li:active {
    background-color: #e2e2e2
}


.dropdown7 {
	width: 20vw;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #999999;
	border-radius: 1vh;
	transition: all .5s ease;
	position: relative;
	font-size: 2vh;
	color: black;
	height: 100%;
	text-align: center;
}
.dropdown7 .select {
    cursor: pointer;
    display: block;
    padding: 1.25vh;
}
.dropdown7 .select > i {
    font-size: 2vh;
    color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 30vh;
}
.dropdown7:hover {
    box-shadow: 0 0 1vmin #ccc;
}
.dropdown7:active {
    background-color: #999
}
.dropdown7.active:hover,
.dropdown7.active {
    border: 1px solid #999999;
	border-radius: 1vh;
	color: black;
}
.dropdown7.active .select > i {
    transform: rotate(-90deg)
}
.dropdown7 .dropdown7-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    border: 1px solid #999999;
	border-radius: 1vh;
    overflow: hidden;
    display: none;
    max-height: 15vh;
    overflow-y: auto;
    z-index: 9
}
.dropdown7 .dropdown7-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown7 .dropdown7-menu {
    padding: 0;
    list-style: none
}
.dropdown7 .dropdown7-menu li:hover {
    background-color: #f2f2f2
}
.dropdown7 .dropdown7-menu li:active {
    background-color: #e2e2e2
}