@import url("//fonts.googleapis.com/css?family=Open+Sans:700");.blutopia-bg{overflow:hidden;width:100%;position:relative;top:-5rem;background-color:#195FBE}.blutopia-bg .bg-pattern-container{top:-28.5rem;left:-10rem;bottom:0;right:0;position:absolute;pointer-events:none}.blutopia-bg .bg-lines{position:relative;z-index:0;top:50rem;width:90rem;height:200rem;transform:rotate(135deg);background-color:#fff}.blutopia-bg .bg-lines:after{content:"";background:linear-gradient(90deg, #0097FF, #0097FF 2rem, #44CCE2 2rem, #44CCE2 4rem, #00AEFF 4rem, #00AEFF 6rem, #00CEFF 6rem, #00CEFF 8rem, transparent 8rem);position:absolute;width:100%;height:100%;bottom:0;right:0}@media (min-width: 48em){.blutopia-bg .bg-pattern-container{top:-28.5rem;left:-10rem;bottom:0;right:0}.blutopia-bg .bg-lines{width:83rem}.blutopia-bg .bg-lines:after{content:"";background:linear-gradient(90deg, #0097FF, #0097FF 4rem, #44CCE2 4rem, #44CCE2 8rem, #00AEFF 8rem, #00AEFF 12rem, #00CEFF 12rem, #00CEFF 16rem, transparent 16rem);position:absolute;width:100%;height:100%;bottom:0;right:0}}@media (min-width: 62em){.blutopia-bg{top:-6rem}.blutopia-bg .bg-pattern-container{top:-67rem;left:calc(((100vw - 962px) / 2) - 89rem);bottom:0;right:0}.blutopia-bg .bg-lines{width:145rem;height:265rem}.blutopia-bg .bg-lines:after{content:"";background:linear-gradient(90deg, #0097FF, #0097FF 6rem, #44CCE2 6rem, #44CCE2 12rem, #00AEFF 12rem, #00AEFF 18rem, #00CEFF 18rem, #00CEFF 24rem, transparent 24rem);position:absolute;width:100%;height:100%;bottom:0;right:0}}.bluetopia-hero{opacity:0}.bluetopia-hero.lazyloaded{opacity:1;transition:opacity 0.5s ease-in}.bluetopia-hero h1{color:#00AEFF;font-weight:900;font-size:1.8rem;margin-top:7rem;margin-bottom:0;letter-spacing:0.3rem}.bluetopia-hero h3{color:#fff;font-size:2rem;font-weight:600;line-height:2.7rem}.bluetopia-hero .fade-in{opacity:0}.bluetopia-hero .lazyloaded.fade-in{opacity:1;transition:opacity 0.5s ease-in;transition-delay:0.25s}.bluetopia-hero .hero-video{margin-top:5rem}.bluetopia-hero .video-container{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem}.bluetopia-hero .video-player{cursor:pointer;position:relative}.bluetopia-hero .video-player .play-button{position:absolute;width:50px;height:50px;margin:auto;top:0;right:0;left:0;bottom:0}.bluetopia-hero .video-player.youtube{overflow:hidden}.bluetopia-hero .video-player.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .5s ease-out}.bluetopia-hero .video-player.youtube iframe.fade-in{opacity:1;transition:opacity .5s ease-in}.bluetopia-hero .video-player.youtube.loaded{padding-top:56.25%;background-color:#000}@media (min-width: 48em){.bluetopia-hero h1{font-size:2.8rem;margin-top:7rem;margin-bottom:1rem;letter-spacing:0.45rem}.bluetopia-hero h3{font-size:2.4rem}.bluetopia-hero .bluetopia-logo{max-width:57rem}.bluetopia-hero .hero-video{margin-top:7.5rem}.bluetopia-hero .video-player .play-button{position:absolute;width:60px;height:60px}.bluetopia-hero .video-container{width:100%;margin-left:auto;margin-right:auto;max-width:66rem;-webkit-box-shadow:0px 0px 20px -7px #1e1e1e;-moz-box-shadow:0px 0px 20px -7px #1e1e1e;box-shadow:0px 0px 20px -7px #1e1e1e}}@media (min-width: 62em){.bluetopia-hero h1{font-size:3.8rem;margin-top:5rem;margin-bottom:2rem;letter-spacing:0.62rem}.bluetopia-hero h3{font-size:3.4rem;margin-top:4rem;margin-bottom:4rem}.bluetopia-hero .bluetopia-logo{max-width:75.5rem}.bluetopia-hero .hero-video{margin-top:9.5rem}.bluetopia-hero .video-player .play-button{position:absolute;width:65px;height:65px}.bluetopia-hero .video-container{max-width:88.6rem}}@media (min-width: 75em){.bluetopia-hero{padding-bottom:6rem}}.bluetopia-side-hug{opacity:0}.bluetopia-side-hug h2{font-size:2.2rem;line-height:3rem;font-weight:400;margin:0 0 0.75rem 0}.bluetopia-side-hug p{color:#5B5B5B;font-weight:100;font-size:1.2rem;line-height:1.7rem;margin-bottom:2rem}.bluetopia-side-hug .text{padding-right:5.5rem}.bluetopia-side-hug.lazyloaded{opacity:1;transition:opacity 0.5s ease-in}@media (min-width: 48em){.bluetopia-side-hug h2{font-size:2.8rem;line-height:3.8rem;margin:0 0 1.25rem 0}.bluetopia-side-hug p{font-size:1.4rem;line-height:1.9rem}.bluetopia-side-hug .text{padding-right:3rem}}@media (min-width: 62em){.bluetopia-side-hug h2{font-size:4rem;line-height:5.8rem;margin:0 0 2rem 0}.bluetopia-side-hug p{font-size:1.8rem;line-height:2.2rem}.bluetopia-side-hug .text{padding-right:3rem}}@media (min-width: 75em){.bluetopia-side-hug{padding-top:6rem}}.image-carousel{opacity:0;padding:0;margin-top:-3.75em}.image-carousel.lazyloaded{opacity:1;transition:opacity 0.5s ease-in}.image-carousel .flat-dots-container{display:flex;width:100%;justify-content:center;padding-top:1rem;padding-bottom:2rem}.image-carousel .flat-dots-container .flat-dot{background-color:transparent;border:none;cursor:pointer;display:block;margin-right:1.5rem;outline:none;padding-bottom:1rem;padding-top:1rem;width:3rem}.image-carousel .flat-dots-container .flat-dot span{background:#D8D8D8;display:block;height:.3rem;width:3rem}.image-carousel .flat-dots-container .flat-dot::last-child{margin-right:0}.image-carousel .flat-dots-container .flat-dot.active span{background:#20A5EF}.image-carousel .bluetopia-modal.modal .modal-dialog{max-width:52rem;margin-left:auto;margin-right:auto}@media (max-width: 750px) and (orientation: landscape){.image-carousel .bluetopia-modal.modal .modal-dialog{max-width:110vh;transform:translateY(calc((100vh - (90vw * .56)) / 2))}}@media (max-width: 812px) and (min-width: 751px) and (orientation: landscape){.image-carousel .bluetopia-modal.modal .modal-dialog{max-width:123vh;transform:translateY(calc((100vh - (81vw * .56)) / 2))}}@media (max-width: 823px) and (min-width: 813px) and (orientation: landscape){.image-carousel .bluetopia-modal.modal .modal-dialog{max-width:122vh;transform:translateY(calc((100vh - (87vw * .56)) / 2))}}@media (min-width: 48em){.image-carousel .container-fluid{max-width:100%}.image-carousel .flat-dots-container{padding-top:2rem;padding-bottom:3rem}.image-carousel .flat-dots-container .flat-dot{margin-right:2rem}.image-carousel .flat-dots-container .flat-dot span{height:.4rem;width:4rem}}@media (min-width: 62em){.image-carousel .container-fluid{max-width:100%}.image-carousel .flat-dots-container{padding-top:5rem;padding-bottom:6rem}}.phone-carousel{opacity:0;padding-left:0;padding-right:0}.phone-carousel.lazyloaded{opacity:1;transition:opacity 0.5s ease-in}.phone-carousel .row{display:flex;flex-wrap:wrap;width:100%}.phone-carousel .row .text{padding:0 1.5rem}.phone-carousel .row h2{font-size:2.2rem;font-weight:400;line-height:3rem;margin:0 0 1rem 0}.phone-carousel .row p{font-size:1.2rem;font-weight:300;line-height:1.7rem}.phone-carousel .row .customOwlNav{width:100%;text-align:center;padding-top:1rem}.phone-carousel .row .customPrevBtn{background:url("/static/img/library/icons/ui/owlNavLeftArrow.svg") no-repeat center;background-size:100%;cursor:pointer;width:3.5rem;height:1.5rem;border:none;margin-right:4rem}.phone-carousel .row .customPrevBtn:focus{outline:none}.phone-carousel .row .customNextBtn{background:url("/static/img/library/icons/ui/owlNavRightArrow.svg") no-repeat center;background-size:100%;cursor:pointer;width:3.5rem;height:1.5rem;border:none;margin-left:4rem}.phone-carousel .row .customNextBtn:focus{outline:none}.phone-carousel .row #info{position:relative;text-align:center;display:inline-block;font-weight:600}@media (min-width: 36em){.phone-carousel .row .owl-carousel{left:-2%}.phone-carousel .row .text{display:flex;flex-direction:column}.phone-carousel .row .text h2{margin:0 0 1.5rem 0;font-size:2.8rem;line-height:3.8rem;padding-top:1rem}.phone-carousel .row .text p{font-size:1.4rem;line-height:1.9rem}.phone-carousel .row .customOwlNav{text-align:left;padding-top:2rem}}@media (min-width: 48em){.phone-carousel .row .owl-carousel{left:-4%}}@media (min-width: 62em){.phone-carousel .row .owl-carousel{left:-6%}.phone-carousel .row .text h2{font-size:4rem;line-height:4.8rem;padding-top:2rem}.phone-carousel .row .text p{font-size:1.8rem;line-height:2.2rem}.phone-carousel .row .customOwlNav{padding-top:3rem}}@media (min-width: 75em){.phone-carousel .row .text{padding-top:3rem}.phone-carousel .row .customOwlNav{padding-top:10rem}}.three-video{padding:2rem 1.5rem;opacity:0}.three-video h2{font-size:2.2rem;line-height:3rem;font-weight:400;margin:0 0 0.75rem 0}.three-video p{color:#5B5B5B;font-weight:100;font-size:1.2rem;line-height:1.7rem;margin-bottom:2rem}.three-video.lazyloaded{opacity:1;transition:opacity 0.5s ease-in}.three-video .video-col{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:2rem}.three-video .video-headline h5{font-size:1.4rem;line-height:1.9rem;font-weight:700;color:#5B5B5B;margin:0.8rem 0}.three-video .video-poster-container{position:relative;width:100%;max-width:26rem}.three-video .video-thumbnail{position:relative;display:block}.three-video .play-btn{position:absolute;width:60px;height:60px;margin:auto;top:0;right:0;left:0;bottom:0}.bluetopia-modal.modal .modal-dialog{height:auto;transform:translateY(calc((100vh - (100vw * .56)) / 2))}.bluetopia-modal .modal-content{border-radius:0;border:none}.bluetopia-modal .video-player{cursor:pointer;position:relative;margin:0 auto}.bluetopia-modal .video-player img{width:100%}.bluetopia-modal .video-player .play-btn{position:absolute;width:60px;height:60px;margin:auto;top:0;right:0;left:0;bottom:0}.bluetopia-modal .video-player.youtube{overflow:hidden}.bluetopia-modal .video-player.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;transition:opacity .5s ease-out;opacity:1}.bluetopia-modal .video-player.youtube iframe.fade-in{opacity:1;transition:opacity .5s ease-in}.bluetopia-modal .video-player.youtube.loaded{padding-top:56.25%;background-color:#000}@media (min-width: 48em){.three-video h2{font-size:2.8rem;line-height:3.8rem;margin:0 0 1.25rem 0}.three-video p{font-size:1.4rem;line-height:1.9rem}.three-video .video-headline h5{font-size:1.6rem;line-height:2.2rem;margin:1rem 0}.three-video .video-poster-container{max-width:22rem}.three-video .video-row{margin-top:4rem}.bluetopia-modal.modal .modal-dialog{height:auto;width:80%;margin:auto;transform:translateY(calc((100vh - 337px) / 2))}}@media (max-width: 850px) and (orientation: landscape){.bluetopia-modal.modal .modal-dialog{height:auto;width:80%;margin:auto;transform:translateY(calc((100vh - (600px * .56)) / 2))}}@media (max-width: 750px) and (orientation: landscape){.bluetopia-modal.modal .modal-dialog{transform:translateY(calc((100vh - (80vw * .56)) / 2))}}@media (min-width: 62em){.three-video h2{font-size:4rem;line-height:5.8rem;margin:0 0 2rem 0}.three-video p{font-size:1.8rem;line-height:2.2rem}.three-video .video-headline h5{font-size:2rem;line-height:2.7rem;margin:2rem 0}.three-video .play-btn{position:absolute;width:65px;height:65px}.three-video .video-poster-container{max-width:30rem}.three-video .video-row{margin-top:6rem}.bluetopia-modal.modal .modal-dialog{height:auto;width:80%;margin:auto}}.blueprint{opacity:0}.blueprint.lazyloaded{opacity:1;transition:opacity 0.5s ease-in}.blueprint .book-img{background-image:url("/static/img/library/pages/bluetopia/blueprint-300.jpg");background-size:cover;height:20rem;width:auto}.blueprint .download{color:#fff;background-color:#3575d3;text-align:center;padding:1.5rem}.blueprint .download h2{color:#fff;font-size:2.2rem;font-weight:400;line-height:3rem;margin:1rem 0}.blueprint .download p{font-size:1.2rem;font-weight:400;line-height:1.7rem;margin-bottom:2rem}.blueprint .download .btn-md.inverse{background-color:#3575d3;font-size:1.4rem;line-height:1.9rem}@media (min-width: 36em){.blueprint .row{flex-direction:row-reverse}.blueprint .book-img{background-image:url("/static/img/library/pages/bluetopia/blueprint-324.jpg");background-size:cover;height:unset;width:auto}.blueprint .download{padding:3rem 1.5rem;text-align:left}.blueprint .download h2{font-size:2.8rem;line-height:3.8rem}.blueprint .download p{font-size:1.4rem;line-height:1.9rem}.blueprint .download .btn-md.inverse{font-size:1.6rem;line-height:2.2rem}}@media (min-width: 62em){.blueprint .book-img{background-image:url("/static/img/library/pages/bluetopia/blueprint-625.jpg");background-size:cover;width:auto}.blueprint .download{padding:6rem 1.5rem 4rem}.blueprint .download h2{font-size:4rem;line-height:4.8rem;white-space:nowrap}.blueprint .download p{font-size:1.8rem;line-height:2.4rem;margin:2rem 0 3rem}.blueprint .download .btn-md.inverse{font-size:2rem;line-height:2.7rem;padding:1rem 3rem}}@media (min-width: 75em){.blueprint .download{padding:6rem 4rem 5rem}}