.flat,.flat div,.flat li,.flat div::after,.flat .carat,.flat .carat:after,.flat .selected::after,.flat:after{-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.flat .selected::after,.flat.scrollable div::after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none}.flat{position:relative;width:100%;cursor:pointer;background:#fff;padding:10px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#362f34;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:solid 1px #c7cbcb}.flat.open{z-index:10}.flat .carat,.flat .carat:after{position:absolute;right:0;top:0;background:url(../select-arrow-dwn.html) #e1dfdf center no-repeat;width:62px;height:100%;z-index:9;border-left:1px solid #c7cbcb;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-ms-transform-origin:50% 20%;transform-origin:50% 20%}.flat:hover .carat:after{border-top-color:#f4f4f4}.flat.focus .carat{border-top-color:#f8f8f8}.flat.focus .carat:after{border-top-color:#0180d1}.flat.open .carat{background:url(../select-arrow-up.html) #e1dfdf center no-repeat}.flat .old{position:absolute;left:0;top:0;height:0;width:0;overflow:hidden}.flat select{position:absolute;left:0;top:0}.flat.touch select{left:0;top:0;width:100%;height:100%;opacity:0}.flat .selected,.flat li{display:block;font-size:18px;line-height:normal;padding:10px 15px;overflow:hidden;white-space:nowrap;color:#362f34;font-family:'Source Sans Pro Semibold'}.flat div{position:absolute;height:0;left:0;right:0;top:100%;margin-top:1px;background:#fff;overflow:hidden;opacity:0;color:#362f34;border:1px solid #c7cbcb;border-radius:3px;margin-top:2px}.flat.open div{opacity:1;z-index:10}.flat.scrollable div::after{content:'';position:absolute;left:0;right:0;bottom:0;height:50px;box-shadow:inset 0 -50px 30px -35px #00c384}.flat.scrollable:hover div::after{box-shadow:inset 0 -50px 30px -35px #00c384}.flat.scrollable.bottom div::after{opacity:0}.flat ul{position:absolute;left:0;top:0;height:100%;width:100%;list-style:none;overflow:hidden;border-radius:5px;padding:0;margin:0}.flat.scrollable.open ul{overflow-y:auto}.flat li{list-style:none;padding:10px 0;border-bottom:1px solid #c7cbcb;margin:0 10px;color:#595458;font-family:'Source Sans Pro'}.flat li:last-child{border-bottom:0}.flat li.active,.flat li:hover,.flat li.focus{color:#201c1f}