.dropcontainer{position:relative!important;font-size:16px;color:#777}.trigger{color:#777;padding:10px;font-size:20px;width:100%;background:#fff url(../../images/caret-down.png) 98% center no-repeat;display:block;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.trigger:hover{color:#777;background:#f5f5f5 url(../../images/caret-down.png) 98% center no-repeat}a.trigger{text-decoration:none}.activetrigger{color:#777;padding:10px;font-size:20px;width:100%;background:#f5f5f5 url(../../images/caret-up.png) 98% center no-repeat;display:block;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.activetrigger:hover{background:#f5f5f5 url(../../images/caret-up.png) 98% center no-repeat;color:#777}.activetrigger:active{background:#f5f5f5 url(../../images/caret-up.png) 98% center no-repeat;color:#777}.dropcontainer ul{font-size:20px;border:1px solid #ccc;border-top:none;background:#fff;list-style-type:none;padding:10px;margin:0;width:100%;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute}.dropcontainer ul li{padding:5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.dropcontainer ul li:hover{background:#f5f5f5;outline:none}.dropcontainer ul li:first-child{display:none}.dropcontainer ul li:last-child{border-bottom:none}.dropdownhidden{display:none}.dropdownvisible{height:auto}