.button-box{display:flex;align-items:center;height:100%;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/Content/FSBanner/img/menu-bg.png) center center no-repeat;background-size:cover;padding:15px 0}.button-box p{color:#fff;font-size:20px;line-height:26px;padding:0 20px;margin:0;font-weight:500}.dropdown{z-index:1;position:relative;display:inline-block}.dropdown-button{padding:10px;background:#49bf67;position:relative;border:1px solid #368f4d;font-weight:bold;border-radius:5px;padding:10px 15px;transition-duration:.2s;-webkit-transition-duration:.2s}.dropdown-button::before{border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #49bf67;width:0;height:0;position:absolute;content:url(/Content/FSBanner/img/arrow.svg);bottom:-22px;left:50%;transform:translate(-50%,-50%)}.dropdown-button::after{width:15px;height:0;position:absolute;content:url(/Content/FSBanner/img/arrow.svg);top:100%;left:50%;transform:translate(-50%,-50%);display:none}.button-box .dropdown input:after{content:"";width:100%;height:2px;position:absolute;display:block;background:#c63d0f;bottom:0;left:0;transform:scaleX(0);transform-origin:bottom left;transition-duration:.2s;-webkit-transform:scaleX(0);-webkit-transform-origin:bottom left;-webkit-transition-duration:.2s}.button-box .dropdown input{top:0;opacity:0;display:block;padding:0;margin:0;border:0;position:absolute;height:100%;width:100%}.button-box .dropdown input:hover{cursor:pointer}.button-box .dropdown input:hover~.dropdown-a{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.75);box-shadow:0 0 15px 0 rgba(0,0,0,.75)}.button-box .dropdown input:checked:after{transform:scaleX(1);-webkit-transform:scaleX(1)}.button-box .dropdown input:checked~.submenu{transform:scaleY(1);-webkit-transform:scaleY(1)}.dropdown-button span{color:#fff}.submenu{display:block;position:absolute;background:#fff;margin:8% -17%;height:auto;transform:scaleY(0);transform-origin:top left;transition-duration:.2s;-webkit-transform:scaleY(0);-webkit-transform-origin:top left;-webkit-transition-duration:.2s;width:300px;box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px}.submenu ul{margin:0;padding:0;list-style-type:none}.submenu li{margin-bottom:1px;white-space:wrap;display:block;position:relative;color:#707070;border-left:6px solid #1a769c;border-bottom:1px solid #707070;padding:5px 15px;font-size:14px;line-height:20px;display:flex;align-items:flex-start}.submenu li:last-child{border-bottom:none}.submenu li:hover{cursor:pointer;background:transparent}.submenu li:before{z-index:0;content:"";position:absolute;display:block;height:100%;width:100%;-webkit-transition-duration:.2s;transition-duration:.2s;transform-origin:top left;-webkit-transform-origin:top left;background:#1a769c;top:0;left:0;transform:scaleX(0);-webkit-transform:scaleX(0);z-index:-1}.submenu li span{display:block;-webkit-transition-duration:.2s;transition-duration:.2s;z-index:1000;left:40px}.submenu li img{margin-right:15px;margin-top:2px;vertical-align:middle;padding:2px}.submenu li img:hover{color:#fff;background-color:#fff;opacity:1}.submenu li:hover img{color:#fff;background-color:#fff;opacity:1;padding:2px}.submenu li:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1)}.submenu li:hover span{color:#fff}