.bg-10note {background-color: #f7f1e4 }.bg-5note {background-color: #e0eff9 }.spinner-wrap .spinner, .spinner-wrap canvas {background-color: transparent }.spinner-out-wrap {width: 640px;max-width: 100% }.spinner-wrap {height: 0;width: 100%;padding-top: 57%;position: relative }.spinner-wrap .spinner {position: absolute;top: 0;left: 0;width: 100%;height: 100% }.no-canvas .spinner-wrap, .no-js .spinner-wrap {background-image: url(/-/media/BoE/Images/Banknotes/3Dspinner/5note/frame_01.jpg);background-size: cover;background-position: 50% }.features {padding: 0 0 30px;position: relative }.features h2 {margin: 0 0 10px }.feat {position: absolute;display: none;text-align: left;font-size: 1em }.feat p {margin: 0 }.feat h4 {color: #58431e }.feat .pointer {margin: 0 0 10px;position: relative }.feat .pointer i {position: absolute;top: -6px;left: 100%;width: 6px;height: 6px;padding: 2px;border: 1px solid #61b4e6;border-radius: 6px }.feat .pointer i:before {content: "";display: block;width: 6px;height: 6px;border-radius: 4px;background-color: #2b1e56 }.feat figure {margin: 0 auto 0 }@media (max-width:320px) {.noUi-handle {width: 40px }.noUi-handle:before {margin: 0 0 0 6px }.noUi-handle:after {margin: 0 6px 0 0 }}@media (max-width:398px) {.feat {bottom: 60px }}@media (min-width:398px) and (max-width:679px) {.feat {bottom: 70px }}@media (min-width:120px) and (max-width:679px) {.spinner-out-wrap {margin-bottom: 200px }.spinner-out-wrap .btn-load-spinner {background-color: #005e6e;font-size: 1em;padding: 10px;text-transform: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) }.spinner-out-wrap .btn-load-spinner:after, .spinner-out-wrap .btn-load-spinner:before {content: none }.spinner-out-wrap .btn-load-spinner .btn-loader {display: none;padding-top: 40px;background-image: url(/assets/img/loader.gif);background-position: 50% 0;background-size: auto;background-repeat: no-repeat }.spinner-out-wrap.loading .btn-load {display: none }.spinner-out-wrap.loading .btn-loader {display: block }.spinner-out-wrap.loaded {background-image: none }.spinner-out-wrap.loaded .btn-load-spinner {display: none }.feat {width: 94%;margin: 0;text-align: center;font-size: 1em }.feat .pointer {display: none }}@media (min-width:120px) and (max-width:1360px) {.spinner-wrap .spritespin-instance {width: 100%!important;height: 100%!important;background-color: transparent }}@media (min-width:680px) and (max-width:1023px) {.noui-slider-wrap {padding: 30px 0 }.spinner-out-wrap {margin: 0 auto 150px }.feat figure {margin: 0 auto 10px }.feat {width: 380px;margin: 0 0 0 -190px;left: 50%;bottom: 70px;text-align: center;font-size: 1em }.feat .pointer {display: none }}@media (min-width:120px) and (max-width:1023px) {.feat-img-single {width: 70px }.feat-img-double {width: 140px }}@media (min-width:1024px) {.noui-slider-wrap {padding: 20px 0 }.spinner-out-wrap {margin: 20px auto 0 }.feat {font-size: .89em;width: 240px;height: 120px;text-align: left;top: 150px }.feat figure {margin: 0 0 6px;width: auto }.feat .pointer {width: 300px;border-top: 1px solid #61b4e6 }.feat.feat-r {right: 20px }.feat.feat-l {left: 0 }.feat.feat-r .pointer {float: right }.feat.feat-r i {left: auto;right: 100% }.feat-0 {top: 288px }.feat-0 .pointer {width: 366px }.feat-1 {top: 194px }.feat-1 .pointer {width: 528px }.feat-2 {top: 175px }.feat-2 .pointer {width: 533px }.feat-3 {top: 176px }.feat-3 .pointer {width: 441px }.feat-6 {top: 215px }.feat-6 .pointer {width: 370px }.feat-9 {top: 106px }.feat-9 .pointer {width: 550px }.feat-10 {top: 325px }.feat-10 .pointer {width: 438px }.feat-11 {top: 312px }.feat-11 .pointer {width: 346px }.feat-12 {top: 227px }.feat-12 .pointer {width: 346px }.feat-13 {top: 383px }.feat-13 .pointer {width: 412px }.feat-14 {top: 372px }.feat-14 .pointer {width: 412px }.feat-15 {top: 424px }.feat-15 .pointer {width: 310px }.feat-16 {top: 249px }.feat-16 .pointer {width: 356px }.feat-21 {top: 116px }.feat-21 .pointer {width: 480px }.feat-22 {top: 190px }.feat-22 .pointer {width: 475px }.feat-23 {top: 276px }.feat-23 .pointer {width: 541px }.feat-24 {top: 113px }.feat-24 .pointer {width: 480px }.feat-25 {top: 104px }.feat-25 .pointer {width: 559px }}@media (min-width:1360px) {.spinner-out-wrap {width: 780px }.feat {font-size: 1em }.feat-0 {top: 348px }.feat-0 .pointer {width: 465px }.feat-1 {top: 250px }.feat-1 .pointer {width: 660px }.feat-2 {top: 223px }.feat-2 .pointer {width: 667px }.feat-3 {top: 220px }.feat-3 .pointer {width: 553px }.feat-6 {top: 250px }.feat-6 .pointer {width: 471px }.feat-9 {top: 140px }.feat-9 .pointer {width: 696px }.feat-10 {top: 380px }.feat-10 .pointer {width: 546px }.feat-11 {top: 367px }.feat-11 .pointer {width: 438px }.feat-12 {top: 245px }.feat-12 .pointer {width: 445px }.feat-13 {top: 438px }.feat-13 .pointer {width: 517px }.feat-14 {top: 422px }.feat-14 .pointer {width: 527px }.feat-15 {top: 490px }.feat-15 .pointer {width: 396px }.feat-16 {top: 279px }.feat-16 .pointer {width: 454px }.feat-21 {top: 150px }.feat-21 .pointer {width: 600px }.feat-22 {top: 238px }.feat-22 .pointer {width: 595px }.feat-23 {top: 332px }.feat-23 .pointer {width: 678px }.feat-24 {top: 132px }.feat-24 .pointer {width: 605px }.feat-25 {top: 125px }.feat-25 .pointer {width: 703px }}