*{box-sizing:border-box}:focus{outline:none}body{font-family:Open Sans,sans-serif;font-size:14px;overflow-y:hidden}input{color:#d1d1d1;font-size:20px;font-weight:400}input.number-input{border:0;border-radius:10px;box-shadow:0 0 17px -1px hsla(0,0%,52%,.15);height:55px;line-height:55px;padding:0 20px;text-align:center;width:100%}.wrapper{margin-top:-40px;padding:20px;width:100%}.wrapper .phone{margin:40px auto 0;position:relative;width:350px}.wrapper .phone span.title{display:block;font-weight:700;letter-spacing:2px;text-align:center}.wrapper .phone .phone-container{margin-top:30px;width:100%}.wrapper .phone .phone-container .keyboard{margin-left:5%;margin-top:40px;width:90%}.wrapper .phone .phone-container .keyboard .number{font-size:0;text-align:center;width:100%}.wrapper .phone .phone-container .keyboard .number.aling-right{text-align:right;width:100%}.wrapper .phone .phone-container .keyboard .number span{color:#e4bf88;display:inline-block;font-size:24px;margin-bottom:25px;text-align:center;width:33%}.wrapper .phone .phone-container .keyboard .number span.call-button{opacity:0;transition:.25s}.wrapper .phone .phone-container .keyboard .number span.call-button.show{opacity:1}.wrapper .phone .phone-container .keyboard .number span.call-button img{display:inline-block;vertical-align:middle}.wrapper .phone .phone-container .keyboard .number span i{-webkit-touch-callout:none;background:#fff;border-radius:100%;box-shadow:8px 8px 24px 0 hsla(0,0%,52%,.09);cursor:pointer;display:inline-block;height:80px;line-height:80px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.wrapper .phone .phone-container .keyboard .number span i.delete{background:transparent;box-shadow:0 0 0 0;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;-ms-box-shadow:0 0 0 0;color:#e4bf88}.wrapper .phone .phone-container .keyboard .number span i.delete img{display:inline-block;vertical-align:middle}.wrapper .phone .phone-container .keyboard .number span:hover i{color:#000}.wrapper .phone .phone-container .keyboard .number span:active i{box-shadow:5px 5px 16px 0 hsla(0,0%,52%,.18);transform:translateY(1px)}.wrapper .phone .phone-container .keyboard .number span:active i.delete{box-shadow:0 0 0 0;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;-ms-box-shadow:0 0 0 0;transform:translateY(0)}.wrapper .phone .phone-container .keyboard .number span:active i.delete img{transtiion:.25s}.wrapper .phone .phone-container .keyboard .number span:active i.delete:active img{transform:translateY(2px)}.page-content>.container{margin-bottom:40px!important;margin-top:20px!important}