.metro,.metro div,.metro li,.metro div::after,.metro .carat,.metro .carat:after,.metro .selected::after,.metro: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;}.metro .selected::after,.metro.scrollable div::after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none;}.metro{position:relative;width:36%;margin-right:7px;cursor:pointer;float:left;margin-bottom:10px;font-weight:200;background:#f8f8f8;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #d8d8d8}.metro_width{width:90%!important;}.metro.open{z-index:9999;}.metro:hover{background:#f4f4f4;}.metro:after{content:'';position:absolute;right:3px;bottom:3px;top:2px;width:30px;background:transparent;}.metro.focus:after{background:#0180d1;}.metro .carat,.metro .carat:after{content:'';position:absolute;right:10px;top:50%;margin-top:-4px;border:8px solid transparent;border-top:8px solid #000;z-index:9999;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-ms-transform-origin:50% 20%;transform-origin:50% 20%;}.metro .carat:after{margin-top:-10px;right:-8px;border-top-color:#f8f8f8;}.metro:hover .carat:after{border-top-color:#f4f4f4;}.metro.focus .carat{border-top-color:#f8f8f8;}.metro.focus .carat:after{border-top-color:#0180d1;}.metro.open .carat{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.metro .old{position:absolute;left:0;top:0;height:0;width:0;overflow:hidden;}.metro select{position:absolute;left:0px;top:0px;}.metro.touch select{left:0;top:0;width:100%;height:100%;opacity:0;}.metro .selected,.metro li{display:block;font-size:18px;line-height:1;color:#000;padding:12px 12px;overflow:hidden;white-space:nowrap;font-size:13px;color:#a4a3a3;background:#FFF}.metro .selected::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;border-radius:0 2px 2px 0;box-shadow:inset -55px 0 25px -20px #f8f8f8;}.metro:hover .selected::after{box-shadow:inset -55px 0 25px -20px #f4f4f4;}.metro div{position:absolute;height:0;left:0;right:0;top:100%;margin-top:-1px;background:#f8f8f8;overflow:hidden;opacity:0;}.metro:hover div{background:#f4f4f4;}.metro.open div{opacity:1;z-index:9999;height:140px!important;overflow:auto;overflow-x:hidden;}.metro.scrollable div::after{content:'';position:absolute;left:0;right:0;bottom:0;height:50px;box-shadow:inset 0 -50px 30px -35px #f8f8f8;}.metro.scrollable:hover div::after{box-shadow:inset 0 -50px 30px -35px #f4f4f4;}.metro.scrollable.bottom div::after{opacity:0;}.metro ul{position:absolute;left:0;top:0;height:140px;width:100%;list-style:none;z-index:999999}.metro.scrollable.open ul{overflow-y:auto;}.metro li{list-style:none;padding:8px 12px;width:100%;}.metro li.focus{background:#0180d1;position:relative;z-index:9999;color:#fff;}.metro li.active{background:#0180d1;color:#fff;}.dropdown,.dropdown div,.dropdown li,.dropdown div::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;}.dropdown .selected::after,.dropdown.scrollable div::after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none;}.dropdown{position:relative;width:160px;border:1px solid #ccc;cursor:pointer;background:#fff;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.dropdown.open{z-index:9999;}.dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15);}.dropdown.focus{box-shadow:0 0 5px rgba(51,102,248,.4);}.dropdown .carat{position:absolute;right:12px;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #000;}.dropdown.open .carat{margin-top:-10px;border-top:6px solid transparent;border-bottom:8px solid #000;}.dropdown.disabled .carat{border-top-color:#999;}.dropdown .old{position:absolute;left:0;top:0;height:0;width:0;overflow:hidden;}.dropdown select{position:absolute;left:0px;top:0px;}.dropdown.touch .old{width:100%;height:100%;}.dropdown.touch select{width:100%;height:100%;opacity:0;}.dropdown .selected,.dropdown li{display:block;font-size:18px;line-height:1;color:#000;padding:9px 12px;overflow:hidden;white-space:nowrap;}.dropdown.disabled .selected{color:#999;}.dropdown .selected::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;border-radius:0 2px 2px 0;box-shadow:inset -55px 0 25px -20px #fff;}.dropdown div{position:absolute;height:0;left:-1px;right:-1px;top:100%;margin-top:-1px;background:#fff;border:1px solid #ccc;border-top:1px solid #eee;border-radius:0 0 3px 3px;overflow:hidden;opacity:0;}.dropdown.open div{opacity:1;z-index:9999;}.dropdown.scrollable div::after{content:'';position:absolute;left:0;right:0;bottom:0;height:50px;box-shadow:inset 0 -50px 30px -35px #fff;}.dropdown.scrollable.bottom div::after{opacity:0;}.dropdown ul{position:absolute;left:0;top:0;height:100%;width:100%;list-style:none;overflow:hidden;}.dropdown.scrollable.open ul{overflow-y:auto;}.dropdown li{list-style:none;padding:8px 12px;}.dropdown li.focus{background:#d24a67;position:relative;z-index:9999;color:#fff;}.dropdown li.active{font-weight:700;}@media screen and (max-width:1440px) and (min-width:1367){.metro{width:23%;}}