@import url('demo.css');@import url('font-awesome.css');*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}::selection{background:transparent}::-moz-selection{background:transparent}.wrapper-demo{margin:60px 0 0 0;*zoom:1;font-weight:400}.wrapper-demo:after{clear:both;content:"";display:table}.wrapper-dropdown-2{position:relative;margin:0;padding:10px 15px;font-size:24px;line-height:29px;font-weight:700;background:0;border-left:5px solid grey;cursor:pointer;outline:0}.wrapper-dropdown-2:after{content:"";width:0;height:0;position:absolute;right:16px;top:50%;margin-top:-3px;border-width:6px 6px 0 6px;border-style:solid;border-color:grey transparent}.wrapper-dropdown-2 .dropdown{position:absolute;top:100%;left:-5px;right:0px;padding:55px;border:4px solid;font-size:20px;line-height:1em;background:rgba(255,255,255,1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;list-style:none;opacity:0;pointer-events:none}.wrapper-dropdown-2 .dropdown li a{display:block;text-decoration:none;color:#333 !important;padding:10px !important;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.wrapper-dropdown-2 .dropdown li:nth-child(1) a{border-left-color:#00aced}.wrapper-dropdown-2 .dropdown li:nth-child(2) a{border-left-color:#4183c4}.wrapper-dropdown-2 .dropdown li:nth-child(3) a{border-left-color:#3b5998}.wrapper-dropdown-2 .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}.wrapper-dropdown-2 .dropdown li:hover a{color:grey}.wrapper-dropdown-2.active:after{border-width:0 6px 6px 6px}.wrapper-dropdown-2.active .dropdown{opacity:1;pointer-events:auto}.no-opacity .wrapper-dropdown-2 .dropdown,.no-pointerevents .wrapper-dropdown-2 .dropdown{display:none;opacity:1;pointer-events:auto}.no-opacity .wrapper-dropdown-2.active .dropdown,.no-pointerevents .wrapper-dropdown-2.active .dropdown{display:block}.wrapper-dropdown-5{position:relative;width:200px;margin:0 auto;padding:12px 15px;background:#fff;border-radius:0px;box-shadow:0 1px 0 rgba(0,0,0,0.2);cursor:pointer;outline:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.wrapper-dropdown-5:after{content:"";width:0;height:0;position:absolute;top:50%;right:15px;margin-top:-3px;border-width:6px 6px 0 6px;border-style:solid;border-color:#4cbeff transparent}.wrapper-dropdown-5 .dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0px;border:1px solid rgba(0,0,0,0.2);border-top:0;border-bottom:0;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;max-height:0;overflow:hidden}.wrapper-dropdown-5 .dropdown li{padding:0 10px}.wrapper-dropdown-5 .dropdown li a{display:block;text-decoration:none;color:#333;padding:10px 0;transition:all .3s ease-out;border-bottom:1px solid #e6e8ea}.wrapper-dropdown-5 .dropdown li:last-of-type a{border:0}.wrapper-dropdown-5 .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}.wrapper-dropdown-5 .dropdown li:hover a{color:#57a9d9}.wrapper-dropdown-5.active{border-radius:0px;background:#4cbeff;box-shadow:none;border-bottom:0;color:white}.wrapper-dropdown-5.active:after{border-color:#82d1ff transparent}.wrapper-dropdown-5.active .dropdown{border-bottom:1px solid rgba(0,0,0,0.2);max-height:400px}