.all_display { font-family: 'Helvetica', 'Arial', sans-serif; margin: 2em auto 0; width: 600px; height: 796px; padding: 22px 21px 25px; position: relative; text-align: center; z-index: 1; }
.all_display .temperature { position: absolute; top: 32px; left: 49px; color: white; background: #082128; }
.all_display .temperature:after { content: ' °С'; }
.all_display .current_time { position: absolute; top: 31px; left: 124px; padding-left: 1px; color: white; background: #082128; }
.all_display .total_time { position: absolute; top: 31px; left: 174px;  color: #979C9F; background: #092028; }
.all_display .total_time:before { content: '('; }
.all_display .total_time:after { content: ')'; }
.all_display .flight_time { position: absolute; top: 30px; left: 345px; color: #899194; background: #082128; }
.all_display .flight_time:before { content: '~ '; }
.all_display .rest_time { position: absolute; top: 31px; left: 568px; color: white; background: #082128; }
.all_display .compass { position: absolute; top: 66px; padding: 6px 0 0 14px; left: 243px; color: white; background: #092229; font-weight: bold; font-size: 30px; line-height: 27px; z-index: 1; width: 100px; height: 44px; background: url(scale-compass-indicator.jpg) no-repeat; box-sizing: border-box; box-shadow: 0 0 8px 1px black; }
.all_display .compass:after { content: '°'; }
.all_display .compass:before { content: ''; position: absolute; bottom: 0; left: -8px; right: -8px; height: 2px; background: #DADEE7; }
.all_display .speed_main { position: absolute; top: 249px; left: 32px; color: white; font-weight: bold; font-size: 30px; min-width: 60px; text-align: right; z-index: 1; width: 100px; height: 44px; background: url(scale-speed-indicator.jpg) no-repeat; box-sizing: border-box; padding: 5px 20px; }
.all_display .speed_gps { position: absolute; top: 454px; left: 55px; color: white; background: black; font-weight: bold; font-size: 30px; min-width: 60px; }
.all_display .attitude_main { position: absolute; top: 249px; left: 452px; color: white; font-weight: bold; font-size: 30px; min-width: 80px; text-align: left; z-index: 1; width: 100px; height: 44px; background: url(scale-attitude-indicator.jpg) no-repeat; box-sizing: border-box; padding: 5px 20px; }
.all_display .attitude_radalt { position: absolute; top: 455px; left: 466px; color: white; background: black; font-weight: bold; font-size: 30px; min-width: 70px; }
.all_display .power { position: absolute; top: 524px; left: 36px; color: white; background: #082128; font-size: 21px; min-width: 50px; text-align: left; }
.all_display .power:after { content: '%'; }
.all_display .pitch { position: absolute; top: 524px; left: 102px; color: white; background: #082128; font-size: 21px; padding-left: 1px; }
.all_display .pitch:after { content: '°'; }
.all_display .rotor { position: absolute; top: 616px; left: 163px; color: white; background: #183136; font-weight: bold; font-size: 30px; min-width: 60px; }
.all_display .eng { position: absolute; top: 616px; left: 353px; color: white; background: #183136; font-weight: bold; font-size: 30px; min-width: 70px; }
.all_display .rotor.warning, .all_display .eng.warning, .all_display .pitch.warning { color: #F9AD01; }
.all_display .rotor.danger, .all_display .eng.danger, .all_display .pitch.danger, .all_display .fuel.danger { color: #FA222B; }
.all_display .fuel { position: absolute; top: 559px; left: 502px; color: white; background: #082128; font-size: 30px; font-weight: bold; min-width: 70px; }
.all_display .fuel:after { content: '%'; }
.all_display .flow { position: absolute; top: 646px; left: 461px; color: white; background: black; font-size: 21px; min-width: 60px; text-align: left; }
.all_display .pressure { position: absolute; top: 646px; left: 555px; color: white; background: black; font-size: 21px; }
.all_display .speed-scale, .all_display .attitude-scale { position: absolute; top: 120px; height: 303px; overflow: hidden; }
.all_display .speed-scale:before, .all_display .attitude-scale:before { position: absolute; content: ''; top: 0; left: -50px; right: -50px; bottom: 0; box-shadow: inset 0 0 80px 30px black; }
.all_display .speed-scale { left: 63px; }
.all_display .attitude-scale { left: 451px; }
.all_display .speed-scale img, .all_display .attitude-scale img { margin-top: -1638px; transition: margin-top 1s linear; }
.all_display .compass-scale { position: absolute; top: 60px; left: 33px; height: 40px; width: 518px; overflow: hidden; background: #082128; padding-top: 10px; }
.all_display .compass-scale:before { position: absolute; content: ''; top: -120px; left: 0; right: 0; bottom: -120px; box-shadow: inset 0 0 120px 5px #082128; }
.all_display .compass-scale img { transition: margin-left 1s linear; }
.all_display .aviahorizon { position: absolute; top: 121px; left: 142px; height: 300px; width: 301px; overflow: hidden; }
.all_display .aviahorizon:before { background: url(aviahorizon-radius_2.png) no-repeat; content: ''; left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 1; }
.all_display .aviahorizon .bg { background: -moz-linear-gradient(top,  #017eb6 0%, #017eb6 3%, #3397c4 50%, #6f503e 50%, #6f503e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017eb6), color-stop(3%,#017eb6), color-stop(50%,#3397c4), color-stop(50%,#6f503e), color-stop(100%,#6f503e)); background: -webkit-linear-gradient(top,  #017eb6 0%,#017eb6 3%,#3397c4 50%,#6f503e 50%,#6f503e 100%); background: -o-linear-gradient(top,  #017eb6 0%,#017eb6 3%,#3397c4 50%,#6f503e 50%,#6f503e 100%); background: -ms-linear-gradient(top,  #017eb6 0%, #017eb6 3%,#3397c4 50%,#6f503e 50%,#6f503e 100%); background: linear-gradient(to bottom,  #017eb6 0%,#017eb6 3%,#3397c4 50%,#6f503e 50%,#6f503e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017eb6', endColorstr='#6f503e',GradientType=0 ); margin-top: -5%; margin-left: -5%; transition: margin-top 4s linear, transform 2s linear; width: 110%; height: 110%; }
.all_display .aviahorizon > .plane, .all_display .aviahorizon > .tilt-indicator { position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -144px; width: 205px; height: 281px; }
.all_display .aviahorizon > .plane { background: url(aviahorizon_2.png) no-repeat; }
.all_display .aviahorizon > .tilt-indicator { background: url(aviahorizon_pointer.png) no-repeat; transition: transform 2s linear; }
.all_display .rotors-scale { background: url(scale-rotors.jpg) no-repeat; width: 60px; height: 218px; top: 449px; left: 263px; position: absolute; }
.all_display .rotors-scale div { background: url(scale-rotors-indicators.jpg) no-repeat; width: 29px; height: 13px; position: absolute; bottom: 0; transition: bottom 1s linear; }
.all_display .rotors-scale.takeoff div { transition-duration: 0.2s; }
.all_display .rotors-scale .rotor-indicator { background-position: 0 0; left: 0; }
.all_display .rotors-scale .eng-indicator { background-position: -29px 0; right: 0; }
.all_display .rotors-scale .rotor-indicator.warning { background-position: 0 -13px; }
.all_display .rotors-scale .eng-indicator.warning { background-position: -29px -13px; }
.all_display .rotors-scale .rotor-indicator.danger { background-position: 0 -26px; }
.all_display .rotors-scale .eng-indicator.danger { background-position: -29px -26px; }
.all_display .power-scale { background: #082128; position: absolute; top: 564px; left: 41px; width: 28px; height: 112px; }
.all_display .power-scale .power-indicator { background: url(scale-power.jpg) no-repeat; position: absolute; bottom: 0; left: 0; width: 28px; height: 0; }
.all_display .pitch-scale {  background: url(scale-pitch_2.jpg) no-repeat; position: absolute; top: 559px; left: 100px; width: 32px; height: 117px; }
.all_display .pitch-scale .pitch-indicator { background: url(scale-pitch_2.jpg) 0 -117px no-repeat; position: absolute; bottom: 0; left: 0; width: 32px; height: 9px; }
.all_display .pitch-scale .pitch-indicator.warning { background-position: 0 -126px; }
.all_display .pitch-scale .pitch-indicator.danger { background-position: 0 -135px; }
.all_display .climb-rate { position: absolute; top: 254px; left: 563px; color: white; background: #000000; font-size: 30px; font-weight: bold; padding-bottom: 80px; min-width: 50px; }
.all_display .climb-rate-scale { background: url(scale-climb-rate.jpg) repeat-y; position: absolute; width: 19px; left: 578px; }
.all_display .climb-rate-scale.up { background-position: 0 0; bottom: 590px; }
.all_display .climb-rate-scale.down { background-position: -19px 0; top: 290px; }
.all_display .time-scale { position: absolute; top: 36px; left: 404px; width: 147px; height: 5px; border-radius: 2px; background: white; }
.all_display .time-scale .time-indicator { position: absolute; background: #0AE1E3; left: 0; top: 0; bottom: 0; width: 0%; transition: width 1s linear; border-radius: 2px; }
.helicopter_way { position: absolute; top: -103px; left: 50%; margin-left: -640px; width: 1336px; height: 944px; z-index: 0; }
.all_display .engine-data > div { position: absolute; color: white; background: black; font-size: 17px; }
.all_display .engine-data .amperage { top: 722px; left: 55px; min-width: 20px; }
.all_display .engine-data .voltage { top: 796px; left: 48px; min-width: 35px; }
.all_display .engine-data .oil-1 { top: 774px; left: 134px; }
.all_display .engine-data .oil-2 { top: 774px; left: 172px; }
.all_display .engine-data .engine-1a { top: 774px; left: 252px; }
.all_display .engine-data .engine-1b { color: #0077AB; top: 796px; left: 252px; }
.all_display .engine-data .engine-2a { top: 774px; left: 307px; }
.all_display .engine-data .engine-2b { color: #0077AB; top: 796px; left: 308px; }
.all_display .engine-data .engine-3a { top: 774px; left: 363px; }
.all_display .engine-data .engine-3b { color: #0077AB; top: 796px; left: 363px; }
.all_display .engine-data .engine-4a { top: 774px; left: 419px; }
.all_display .engine-data .engine-4b { color: #0077AB; top: 796px; left: 420px; }
.all_display .engine-data .temperature-1 { top: 774px; left: 512px; }
.all_display .engine-data .temperature-2 { top: 774px; left: 551px; }
.all_display .engine-data .temperature-3 { top: 774px; left: 591px; }
.all_display .engine-scales > div { position: absolute; background: black; width: 10px; top: 714px; }
.all_display .engine-scales > .engine-1b-indicator, .all_display .engine-scales > .engine-2b-indicator, .engine-scales > .all_display .engine-3b-indicator, .engine-scales > .all_display .engine-4b-indicator { top: 742px; }
.all_display .oil-1-indicator { left: 136px; }
.all_display .oil-2-indicator { left: 176px; }
.all_display .engine-1a-indicator { left: 251px; }
.all_display .engine-1b-indicator { left: 266px; }
.all_display .engine-2a-indicator { left: 307px; }
.all_display .engine-2b-indicator { left: 322px; }
.all_display .engine-3a-indicator { left: 363px; }
.all_display .engine-3b-indicator { left: 378px; }
.all_display .engine-4a-indicator { left: 419px; }
.all_display .engine-4b-indicator { left: 434px; }
.all_display .temperature-1-indicator { left: 514px; }
.all_display .temperature-2-indicator { left: 555px; }
.all_display .temperature-3-indicator { left: 595px; }