.control-group{height:210px;padding:30px;text-align:left;margin:10px;box-shadow:0 1px 2px rgba(0,0,0,.1);background:#fff;width:200px;vertical-align:top;display:inline-block}.control{font-size:18px;margin-bottom:15px;position:relative;cursor:pointer;padding-left:30px;display:block}.control input{position:absolute;opacity:0;z-index:-1}.control__indicator{height:20px;position:absolute;top:2px;background:#e6e6e6;left:0;width:20px}.control--radio .control__indicator{border-radius:50%}.control input:disabled~.control__indicator{pointer-events:none;opacity:.6;background:#e6e6e6}.control__indicator:after{content:"";position:absolute;display:none}.control input:checked~.control__indicator:after{display:block}.control.control--checkbox{line-height:22px}.control--checkbox .control__indicator:after{height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:solid #fff;border-width:0 2px 2px 0;top:4px;left:8px;width:3px}.control--checkbox input:disabled~.control__indicator:after{border-color:#7b7b7b}.control--radio .control__indicator:after{height:6px;top:7px;border-radius:50%;background:#fff;left:7px;width:6px}.control--radio input:disabled~.control__indicator:after{background:#7b7b7b}.select{margin-bottom:15px;position:relative}.select,.select select{width:100%;display:inline-block}.select select{padding:10px 15px;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#7b7b7b;outline:0;border-radius:0;background:#e6e6e6;cursor:pointer}.select select::-ms-expand{display:none}.select select:focus,.select select:hover{color:#000;background:#ccc}.select select:disabled{pointer-events:none;opacity:.5}.select__arrow{border-color:#7b7b7b transparent transparent;height:0;pointer-events:none;right:15px;position:absolute;border-style:solid;border-width:8px 5px 0;top:16px;width:0}.select select:focus~.select__arrow,.select select:hover~.select__arrow{border-top-color:#000}.select select:disabled~.select__arrow{border-top-color:#ccc}