/* SELECT BOX */
.select-box{display:inline-block;position:relative;border:1px solid #ccc;vertical-align:middle;}
.select-box select{position:absolute;left:-9999px;display:none;}
.select-box>a{display:block;height:25px; line-height:25px;padding:0 10px;text-align:left !important;color:#333;font-size:14px;position: relative;transition:color .3s ease-out;}
.select-box>a:after{content: "";width: 30px;height: 100%;position: absolute;right:0;top:0;-webkit-mask: url('/images/svg/chevron-down.svg') no-repeat center;mask: url('/images/svg/chevron-down.svg') no-repeat center;-webkit-mask-size:25px auto;mask-size:25px auto;background-color: #000;transition:all .3s ease-out;}
.select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover{text-decoration:none;}
.select-box ul{position:absolute;left:-1px;right:-1px; top:25px;border:1px solid #ccc;display:none;background:#fff;max-height:240px; list-style:none;padding:0;margin:0;overflow:hidden;overflow-y:auto;z-index:999;box-shadow:0 5px 8px rgba(0, 0, 0, .3);}
.select-box ul a{display:flex;height:40px;background:none;align-items: center;line-height: 1.6em;padding: 10px;transition:all .3s ease-out;}

.select-box.select-active>a{color:#4B87C8;}
.select-box.select-active>a:after{transform:rotate(180deg);}
.select-box.select-active a i{color:#4B87C8}
.select-box.select-active ul a{color:#333;background:none;letter-spacing:-1px;}
.select-box.select-active ul a.hover{background:#8DA5C2;color:#fff}
.select-box.select-active ul a.active{background:#4B7AB2;color:#fff}