#layout-header,
#layout-header.navbar{background:linear-gradient(102.01deg,#db6a26 0.3%,#dbb326 106.31%)}
#layout-header .header-extra{color:#fff;padding-top:40px;padding-bottom:50px}
#layout-header .header-extra h1{font-size:60px}
#layout-header .header-extra p.lead{font-size:22px}
#layout-header .navbar{min-height:155px;position:relative;overflow:hidden;z-index:1}
#layout-header .navbar>.container{position:relative}
#layout-header .navbar .navbar-decoration-1{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:-105px;top:-475px;opacity:.04}
#layout-header .navbar .navbar-decoration-2{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:548px;top:-440px;opacity:.05}
#layout-content{padding-top:30px}
#layout-content header{padding:0 0 30px 0}
#layout-content main.header-flush{margin-top:-30px}
ul.list-with-ticks{padding:0}
ul.list-with-ticks li{list-style:none;position:relative;padding-left:23px}
ul.list-with-ticks li:before{content:'';display:block;width:15px;height:15px;background:url('../themes/demo/assets/images/icons/icon-tick.png') no-repeat 0 0;background-size:15px 15px;position:absolute;left:0;top:6px}
.panel{border:none;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.16);margin-bottom:27px;border-radius:4px}
@media (min-width:992px){.panel .control-panel{padding-right:0 !important}}
.panel-body{padding:25px;display:table;width:100%}
.panel-body form{display:table-row}
.panel-body form .form-group{display:table-cell;vertical-align:top;padding-right:10px;margin-bottom:15px;white-space:nowrap}
.panel-body form .form-group:last-child{padding-right:0;width:41px}
.panel-body form .form-group:last-child button{width:41px;height:41px;background:#6a6cf7}
.panel-body form .form-group.operation-buttons{width:100px;text-align:center}
.panel-body form .form-group.operation-buttons label{display:inline-block;cursor:pointer;width:41px;height:41px;line-height:41px;position:relative;margin:0 10px 0 0;vertical-align:top;text-align:center}
.panel-body form .form-group.operation-buttons label:last-child{margin-right:0}
.panel-body form .form-group.operation-buttons label span{display:block;position:absolute;width:100%;height:100%;border-radius:4px;background:#ECF0F1}
.panel-body form .form-group.operation-buttons label input{display:none}
.panel-body form .form-group.operation-buttons label input:checked + span{background-color:#6a6cf7;color:white}
@media (max-width:767px){.panel-body form .form-group{display:block;padding-right:0;width:100% !important}.panel-body form .form-group:last-child button{width:100%}}
.panel-body input.form-control{display:block;width:100%;background-color:#ECF0F1;font-size:14px;text-align:right;border:none;box-shadow:none;height:41px}
#result{background:#6a6cf7;color:white;font-size:54px;padding:0 15px;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis}
.explanation{background:#f6f2ff;padding:50px 0 70px;position:relative;overflow:hidden;z-index:1}
.explanation>.container{position:relative}
.explanation h3{font-size:26px;margin:60px 0 20px}
.explanation .explanation-decoration-1{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;background-color:#fff;width:321px;height:321px;left:-140px;top:-140px;opacity:.5}
.explanation .explanation-decoration-2{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;background-color:#fff;width:380px;height:380px;right:-165px;top:-180px;opacity:.5}