.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/10note/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 #d5854c;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 #d5854c }.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: 279px }.feat-0 .pointer {width: 383px }.feat-1 {top: 194px }.feat-1 .pointer {width: 528px }.feat-2 {top: 85px }.feat-2 .pointer {width: 362px }.feat-3 {top: 227px }.feat-3 .pointer {width: 414px }.feat-8 .pointer {width: 404px }.feat-8 {top: 94px }.feat-8 .pointer {width: 553px }.feat-10 {top: 300px }.feat-10 .pointer {width: 435px }.feat-11 {top: 293px }.feat-11 .pointer {width: 388px }.feat-12 {top: 368px }.feat-12 .pointer {width: 395px }.feat-13 {top: 386px }.feat-13 .pointer {width: 407px }.feat-14 {top: 369px }.feat-14 .pointer {width: 406px }.feat-15 {top: 427px }.feat-15 .pointer {width: 308px }.feat-16 {top: 248px }.feat-16 .pointer {width: 354px }.feat-20 {top: 110px }.feat-20 .pointer {width: 478px }.feat-21 {top: 200px }.feat-21 .pointer {width: 478px }.feat-22 {top: 277px }.feat-22 .pointer {width: 393px }.feat-23 {top: 205px }.feat-23 .pointer {width: 370px }.feat-24 {top: 114px }.feat-24 .pointer {width: 478px }.feat-25 {top: 120px }.feat-25 .pointer {width: 383px }.feat-26 {top: 184px }.feat-26 .pointer {width: 526px }}@media (min-width:1360px) {.spinner-out-wrap {width: 780px }.feat {font-size: 1em }.feat-0 {top: 347px }.feat-0 .pointer {width: 483px }.feat-1 {top: 250px }.feat-1 .pointer {width: 666px }.feat-2 {top: 108px }.feat-2 .pointer {width: 457px }.feat-3 {top: 251px }.feat-3 .pointer {width: 513px }.feat-8 {top: 118px }.feat-8 .pointer {width: 691px }.feat-10 {top: 338px }.feat-10 .pointer {width: 548px }.feat-11 {top: 322px }.feat-11 .pointer {width: 480px }.feat-12 {top: 419px }.feat-12 .pointer {width: 502px }.feat-13 {top: 442px }.feat-13 .pointer {width: 517px }.feat-14 {top: 422px }.feat-14 .pointer {width: 514px }.feat-15 {top: 493px }.feat-15 .pointer {width: 390px }.feat-16 {top: 277px }.feat-16 .pointer {width: 448px }.feat-20 {top: 149px }.feat-20 .pointer {width: 600px }.feat-21 {top: 248px }.feat-21 .pointer {width: 600px }.feat-22 {top: 336px }.feat-22 .pointer {width: 498px }.feat-23 {top: 248px }.feat-23 .pointer {width: 469px }.feat-24 {top: 135px }.feat-24 .pointer {width: 601px }.feat-25 {top: 149px }.feat-25 .pointer {width: 484px }.feat-26 {top: 240px }.feat-26 .pointer {width: 662px }}