@-ms-viewport, @viewport {
  width: device-width;
}
@font-face {
    font-family: mergevr;
    src: url(assets/fonts/mergevr.eot?040516);
    src: url(assets/fonts/mergevr.eot?#040516) format('embedded-opentype'), url(assets/fonts/mergevr.ttf?040516) format('truetype'), url(assets/fonts/mergevr.woff?040516) format('woff'), url(assets/fonts/mergevr.svg?040516#mergevr) format('svg');
    font-weight: 400;
    font-style: normal
}
/*------------------------icon stuff------------------*/
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mergevr' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-high-res:before {
    content: "\e1b1";
}
.icon-low-res:before {
    content: "\e1b2";
}
.icon-compass:before {
    content: "\e1b3";
}
.icon-gyroscope:before {
    content: "\e1c1";
}
.icon-high-speed:before {
    content: "\e423";
}
.icon-low-speed:before {
    content: "\e424";
}
.icon-arrow_drop_down_circle:before {
    content: "\e5c6";
}
.icon-keyboard_control:before {
    content: "\e5d3";
}
.icon-more_vert:before {
    content: "\e5d4";
}
.icon-share:before {
    content: "\e80d";
}
.icon-favorite:before {
    content: "\e87d";
}
.icon-favorite_outline:before {
    content: "\e87e";
}
.icon-feedback:before {
    content: "\e87f";
}
.icon-help:before {
    content: "\e887";
}
.icon-info:before {
    content: "\e88e";
}
.icon-open_with:before {
    content: "\e89f";
}
.icon-report_problem:before {
    content: "\e8b2";
}
.icon-newspaper:before {
    content: "\e900";
}
.icon-coins:before {
    content: "\e91e";
}
.icon-calendar:before {
    content: "\e904";
}
.icon-user:before {
    content: "\e901";
}
.icon-users:before {
    content: "\e902";
}
.icon-spinner8:before {
    content: "\e905";
}
.icon-pie-chart:before {
    content: "\e906";
}
.icon-stats-dots:before {
    content: "\e907";
}
.icon-stats-bars:before {
    content: "\e908";
}
.icon-popular:before {
    content: "\e909";
}
.icon-gift:before {
    content: "\e90a";
}
.icon-fire:before {
    content: "\e90b";
}
.icon-briefcase:before {
    content: "\e903";
}
.icon-truck:before {
    content: "\e90c";
}
.icon-map:before {
    content: "\e91a";
}
.icon-target:before {
    content: "\e90d";
}
.icon-shield:before {
    content: "\e90e";
}
.icon-power:before {
    content: "\e90f";
}
.icon-categories:before {
    content: "\e91b";
}
.icon-alphabetical:before {
    content: "\e91c";
}
.icon-download3:before {
    content: "\e910";
}
.icon-featured:before {
    content: "\e91d";
}
.icon-motion-intense:before {
    content: "\e912";
}
.icon-motion-intense2:before {
    content: "\e913";
}
.icon-motion-moderate:before {
    content: "\e914";
}
.icon-motion-moderate2:before {
    content: "\e915";
}
.icon-motion-mild:before {
    content: "\e916";
}
.icon-motion-mild2:before {
    content: "\e917";
}
.icon-motion-blank:before {
    content: "\e919";
}
.icon-play3:before {
    content: "\e918";
}
.icon-sort-alpha-asc:before {
    content: "\e911";
}
.icon-vr:before {
    content: "\f26c";
}
.icon-music:before {
    content: "\f001";
}
.icon-search:before {
    content: "\f002";
}
.icon-envelope-o:before {
    content: "\f003";
}
.icon-star:before {
    content: "\f005";
}
.icon-star-o:before {
    content: "\f006";
}
.icon-film:before {
    content: "\f008";
}
.icon-th-large:before {
    content: "\f009";
}
.icon-viewer-profile:before {
    content: "\f00f";
}
.icon-th:before {
    content: "\f00a";
}
.icon-th-list:before {
    content: "\f00b";
}
.icon-check:before {
    content: "\f00c";
}
.icon-close:before {
    content: "\f00d";
}
.icon-search-plus:before {
    content: "\f00e";
}
.icon-cog:before {
    content: "\f013";
}
.icon-trash-o:before {
    content: "\f014";
}
.icon-home:before {
    content: "\f015";
}
.icon-download:before {
    content: "\f019";
}
.icon-arrow-circle-o-down:before {
    content: "\f01a";
}
.icon-arrow-circle-o-up:before {
    content: "\f01b";
}
.icon-play-circle-o:before {
    content: "\f01d";
}
.icon-repeat:before {
    content: "\f01e";
}
.icon-refresh:before {
    content: "\f021";
}
.icon-list-alt:before {
    content: "\f022";
}
.icon-lock:before {
    content: "\f023";
}
.icon-flag:before {
    content: "\f024";
}
.icon-headphones:before {
    content: "\f025";
}
.icon-volume-off:before {
    content: "\f026";
}
.icon-volume-down:before {
    content: "\f027";
}
.icon-volume-up:before {
    content: "\f028";
}
.icon-tag:before {
    content: "\f02b";
}
.icon-tags:before {
    content: "\f02c";
}
.icon-bookmark:before {
    content: "\f02e";
}
.icon-print:before {
    content: "\f02f";
}
.icon-camera:before {
    content: "\f030";
}
.icon-video-camera:before {
    content: "\f03d";
}
.icon-map-marker:before {
    content: "\f041";
}
.icon-chevron-left-light:before {
    content: "\f05b";
}
.icon-chevron-left:before {
    content: "\f053";
}
.icon-chevron-right-light:before {
    content: "\f05f";
}
.icon-chevron-right:before {
    content: "\f054";
}
.icon-plus-circle:before {
    content: "\f055";
}
.icon-minus-circle:before {
    content: "\f056";
}
.icon-times-circle:before {
    content: "\f057";
}
.icon-check-circle:before {
    content: "\f058";
}
.icon-question-circle:before {
    content: "\f059";
}
.icon-info-circle:before {
    content: "\f05a";
}
.icon-times-circle-o:before {
    content: "\f05c";
}
.icon-check-circle-o:before {
    content: "\f05d";
}
.icon-ban:before {
    content: "\f05e";
}
.icon-eye:before {
    content: "\f06e";
}
.icon-eye-slash:before {
    content: "\f070";
}
.icon-exclamation-triangle:before {
    content: "\f071";
}
.icon-comment:before {
    content: "\f075";
}
.icon-shopping-cart:before {
    content: "\f07a";
}
.icon-folder:before {
    content: "\f07b";
}
.icon-folder-open:before {
    content: "\f07c";
}
.icon-twitter-square:before {
    content: "\f081";
}
.icon-facebook-square:before {
    content: "\f082";
}
.icon-camera-retro:before {
    content: "\f083";
}
.icon-thumbs-o-up:before {
    content: "\f087";
}
.icon-thumbs-o-down:before {
    content: "\f088";
}
.icon-linkedin-square:before {
    content: "\f08c";
}
.icon-external-link:before {
    content: "\f08e";
}
.icon-sign-in:before {
    content: "\f090";
}
.icon-phone:before {
    content: "\f095";
}
.icon-phone-square:before {
    content: "\f098";
}
.icon-twitter:before {
    content: "\f099";
}
.icon-facebook:before {
    content: "\f09a";
}
.icon-credit-card:before {
    content: "\f09d";
}
.icon-bullhorn:before {
    content: "\f0a1";
}
.icon-bell-o:before {
    content: "\f0a2";
}
.icon-globe:before {
    content: "\f0ac";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-pinterest:before {
    content: "\f0d2";
}
.icon-pinterest-square:before {
    content: "\f0d3";
}
.icon-linkedin:before {
    content: "\f0e1";
}
.icon-lightbulb-o:before {
    content: "\f0eb";
}
.icon-desktop:before {
    content: "\f108";
}
.icon-laptop:before {
    content: "\f109";
}
.icon-tablet:before {
    content: "\f10a";
}
.icon-mobile:before {
    content: "\f10b";
}
.icon-quote-left:before {
    content: "\f10d";
}
.icon-quote-right:before {
    content: "\f10e";
}
.icon-gamepad:before {
    content: "\f11b";
}
.icon-rocket:before {
    content: "\f135";
}
.icon-chevron-circle-left:before {
    content: "\f137";
}
.icon-chevron-circle-right:before {
    content: "\f138";
}
.icon-chevron-circle-up:before {
    content: "\f139";
}
.icon-chevron-circle-down:before {
    content: "\f13a";
}
.icon-youtube-square:before {
    content: "\f166";
}
.icon-youtube:before {
    content: "\f167";
}
.icon-instagram:before {
    content: "\f16d";
}
.icon-apple:before {
    content: "\f179";
}
.icon-windows:before {
    content: "\f17a";
}
.icon-android:before {
    content: "\f17b";
}
.icon-linux:before {
    content: "\f17c";
}
.icon-skype:before {
    content: "\f17e";
}
.icon-vimeo-square:before {
    content: "\f194";
}
.icon-file-pdf-o:before {
    content: "\f1c1";
}
.icon-file-word-o:before {
    content: "\f1c2";
}
.icon-file-excel-o:before {
    content: "\f1c3";
}
.icon-file-powerpoint-o:before {
    content: "\f1c4";
}
.icon-file-image-o:before {
    content: "\f1c5";
}
.icon-file-archive-o:before {
    content: "\f1c6";
}
.icon-file-audio-o:before {
    content: "\f1c7";
}
.icon-file-movie-o:before {
    content: "\f1c8";
}
.icon-file-code-o:before {
    content: "\f1c9";
}
.icon-git-square:before {
    content: "\f1d2";
}
.icon-git:before {
    content: "\f1d3";
}
.icon-share-alt-square:before {
    content: "\f1e1";
}
.icon-google-wallet:before {
    content: "\f1ee";
}
.icon-cc-visa:before {
    content: "\f1f0";
}
.icon-cc-mastercard:before {
    content: "\f1f1";
}
.icon-cc-discover:before {
    content: "\f1f2";
}
.icon-cc-amex:before {
    content: "\f1f3";
}
.icon-cc-paypal:before {
    content: "\f1f4";
}
.icon-cc-stripe:before {
    content: "\f1f5";
}
.icon-bell-slash:before {
    content: "\f1f6";
}
.icon-bell-slash-o:before {
    content: "\f1f7";
}
.icon-copyright:before {
    content: "\f1f9";
}
.icon-merge-m:before {
    content: "\6d";
}
.icon-merge-e:before {
    content: "\65";
}
.icon-merge-r:before {
    content: "\72";
}
.icon-merge-g:before {
    content: "\67";
}
.icon-merge-virtual:before {
    content: "\f225";
}
.icon-merge-reality:before {
    content: "\f226";
}
.icon-facebook-official:before {
    content: "\f230";
}
.icon-pinterest-p:before {
    content: "\f231";
}
.icon-trademark:before {
    content: "\f25c";
}
.icon-registered:before {
    content: "\f25d";
}
.icon-creative-commons:before {
    content: "\f25e";
}
.icon-add-merge-to-home:before {
    content: "\f266";
}
.icon-merge-icon:before {
    content: "\f267";
}
.icon-merge-wordmark:before {
    content: "\f268";
}
.icon-merge-logo-square:before {
    content: "\f269";
}
.icon-merge-logo-wide:before {
    content: "\f26a";
}
.icon-merge-logo-no-icon:before {
    content: "\f26b";
}
.icon-amazon:before {
    content: "\f270";
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body{
    font-size:20px;
}
body {
    background-color: #f1f1f0;
    line-height: 1;
    font-family: 'Work Sans';
    font-weight: 400;
    letter-spacing: -0.025rem;
}

@media (max-width:420px){
    html,body {
        font-size:17px;
    }
}
@media (max-height:480px) and (orientation:landscape){
    html,body {
        font-size:15px;
    }
}

@media (min-width:700px) and (orientation:portrait){
    html,body {
        font-size:26px;
    }
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.full-width-wrap {
	width:100%;
	position:relative;
}
.intro,.disclaimer {
	margin:0 auto;
	max-width:480px;
	text-align:center;
	padding: 0;
	overflow: hidden;
}
.disclaimer>p{
    font-size:0.9rem;
}
.intro{
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    position:relative;
    z-index:10;
}
.intro.hide {
	-webkit-transform:translate3d(0,-100%,0);
	        transform:translate3d(0,-100%,0);
}

.ninja {
    background: url(assets/img/ninja-character.svg) no-repeat center;
    height: 7rem;
    margin: 1rem;
}

.wordmark {
	background:url(assets/img/wordmark.svg) no-repeat center;
	height:2.5rem;
	margin-bottom:1rem;
	position:relative;
	display:inline-block;
	width:11rem;
}
.wordmark:after{
	content:"beta";
	font-size:0.85rem;
	font-weight:600;
	position:absolute;
	bottom:-0.8rem;
	right:0.1rem;
}

p{
    font-size:1rem;
    line-height:1.25;
    padding: 0.25rem 0.5rem;
}
a {
	color:#bf1e2e;
}

.action {
	text-align:center;
	padding:1.5rem;
	-webkit-transition: all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	position: absolute;
	z-index:10;
	width: 100%;
	box-sizing: border-box;
	top: 17.5rem;
}
.action.test {
	-webkit-transform:translate3d(0,-200%,0);
	        transform:translate3d(0,-200%,0);
}
.action.hide {
	-webkit-transform:translate3d(0,-330%,0);
	        transform:translate3d(0,-330%,0);
}

a.start{
    background:#bf1e2e;
    color:#fff;
    display:inline-block;
    border-radius:4rem;
    font-weight:600;
    padding:1.75rem 1rem;
    position:relative;
    text-decoration:none;
    vertical-align: middle;
    width: 2.55rem;
    tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a.start.hide {
    opacity:0;
}
a.start.wait {
    cursor:default;
}
a.start:after{
	content:"";
	border:0.0825rem solid #bf1e2e;
	border-radius:4rem;
	display:inline-block;
	position:absolute;
	width:2.25rem;
	height:0.75rem;
	padding:2.1rem 1.4rem;
	top: -0.27rem;
	left: -0.3rem;
	-webkit-transition: all 0.1s linear;
	transition:all 0.1s linear;
}
a.start:hover:after,
a.start.started:after,
a.start.wait:after{
	width:2.75rem;
	height:1.25rem;
	padding:2.1rem 1.35rem;
	top: -0.5rem;
	left: -0.5rem;
}
a.started>span{
	-webkit-transition: all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	display:inline-block;
	-webkit-transform:scale(0,0);
	        transform:scale(0,0);
}
a.start:before{
	background: url(assets/img/ninja-head.svg) no-repeat center center;
	content:"";
	display: block;
	width: 2.55rem;
	height: 1rem;
	margin-bottom: -1rem;
	-webkit-transform: scale(0,0);
	        transform: scale(0,0);
	-webkit-transition: all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
a.started:before{
	-webkit-transform: scale(3,3);
	        transform: scale(3,3);
}
.status {
    position: absolute;
    text-align:center;
    width:100%;
    height: 100%;
    top: 100%;
    -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.status.hide {
    -webkit-transform:translate3d(0,10%,0);
            transform:translate3d(0,10%,0);
}
.status>.description{
    background: url(assets/img/testing.svg) no-repeat center;
    font-weight:600;
    font-size: 2rem;
}
.status>.description>span{
    visibility: hidden;
}
.items {
    position: absolute;
    width: 100%;
    height: 8.25rem;
    top: 5rem;
    overflow:hidden
}

.items>ul {
    position: absolute;
    z-index: 1;
    text-align: center;
    /* padding-left:25%; */
    top:5.5rem;
    -webkit-transition: top 0.3s ease-in-out;
    transition:top 0.3s ease-in-out;
    width: 100%;
}
.items>ul>li{
    line-height:2.75rem;
    font-weight:200;
    font-size:1.2rem;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    display: block;
    margin-left: 26%;
    width: 58%;
    text-align: left;
}
.items>ul>li>em{
    display:inline-block;
}
.items>ul>li>em:before{
    font-family:'mergevr';
    content:"\f059";
    color:#373739;
    vertical-align:-0.125rem;
    margin-right:0.5rem;
    font-size:1rem;
    padding: 0 0 0 0.25rem;
}

.items>ul>li.pass>em:before{
    content:"\f058";
    color:#009900;
}
.items>ul>li.fail>em:before{
    content:"\f057";
    color:#be1e2d;
}
.items>ul>li.warn>em:before{
    content:"\f071";
    color:#eca912;
}

.items>.item-shade { /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(241,241,240,1) 0%,rgba(241,241,240,0) 40%,rgba(241,241,240,0) 50%,rgba(241,241,240,0) 60%,rgba(241,241,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(241,241,240,1) 0%,rgba(241,241,240,0) 40%,rgba(241,241,240,0) 50%,rgba(241,241,240,0) 60%,rgba(241,241,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    position: absolute;
    z-index: 2;
    width: 100%;
    height: 9rem;
    display: block;
}
.footer {
	margin-top: 10rem;
	padding:1rem 0;
	position: relative;
	-webkit-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	z-index: 10;
}
.footer.hide {
	-webkit-transform:translate3d(0,100%,0);
	        transform:translate3d(0,100%,0);
}

[data-loader='circle-side'] {
    position: absolute;
    width: 4.75rem;
    height: 4.75rem;
    -webkit-animation: circle infinite .5s linear;
    animation: circle infinite .5s linear;
    border: 0.2rem solid #bf1e2e;
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-radius: 100%;
    top: -0.3rem;
    left: -0.3rem;
}
@keyframes circle
{
    0% {-webkit-transform: rotate(0) translateZ(0);transform: rotate(0) translateZ(0);}
    100% {-webkit-transform: rotate(360deg) translateZ(0);transform: rotate(360deg) translateZ(0);}
}
@-webkit-keyframes circle
{
    0% {-webkit-transform: rotate(0) translateZ(0);}
    100% {-webkit-transform: rotate(360deg) translateZ(0);}
}
[data-loader='circle-side'].hide {
    display:none;
}
@keyframes pop {
    0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
    25% {-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);}
    50% {-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);}
    100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@-webkit-keyframes pop {
    0% {-webkit-transform:scale3d(1,1,1);}
    25% {-webkit-transform:scale3d(0.9,0.9,1);}
    50% {-webkit-transform:scale3d(1.2,1.2,1);}
    100% {-webkit-transform:scale3d(1,1,1);}
}
.pop-direct,.pop {
    animation: pop 1 .5s ease-in-out;
    -webkit-animation: pop 1 .5s ease-in-out;
}
.pop-fast {
    animation: pop 1 .3s linear;
    -webkit-animation: pop 1 .3s linear;
}
#canvas {
    background-color: #f1f1f0;
    width: 100%;
    height: 100%;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
    position: absolute; /* fixed or static */
    top: 0px;
    left: 0px;
    z-index:1;
    opacity:0.05;
    pointer-events: none;
    -webkit-transition: opacity 0.3s linear;
    transition:opacity 0.3s linear;
    overflow: hidden;
}
#canvas.hide {
    opacity:0;
}
#canvas.off {
    display:none;
}
.score {
	position: relative;
	width:100%;
	text-align:center;
	top:0;
	left:0;
	padding-top: 1.5rem;
	-webkit-transition: all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	margin-bottom: 1rem;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 600;
}
.score.hide{
	-webkit-transform:translate3d(0,-100%,0);
	        transform:translate3d(0,-100%,0);
	overflow: hidden;
}
.score>.ninja{
	height: 5.5rem;
	width: 90%;
	position: relative;
	left:0;
	box-sizing: border-box;
	margin: 1rem auto;
}
.score-info{
	text-align:center;
}
.score-number{
	position: relative;
	text-align: right;
	padding: 0.5rem 0;
	display: none;
	margin: 0 0.5rem;
}
.score-number>span{
	border:6px #f1f1f0;
	border-style:double;
	color:#fff;
	font-size: 1.35rem;
	font-weight:600;
	background-color:#009900;
	border-radius: 4rem;
	display:inline-block;
	width: 2.5rem;
	height: 2.25rem;
	padding: 0.1rem 0.05rem 0.2rem;
	line-height: 1.75;
	text-align:center;
}
.score-number.fail>span{
	background-color:#bf1e2e;
}
.score-word{
	color:#009900;
	position: relative;
	text-align: left;
	display:inline-block;
	background-position: left center;
	background-repeat: no-repeat;
    min-width: 7.5rem;
	max-width: 12rem;
	padding: 1.25rem 0;
    margin-top: 1rem;
}
.score-word>span{
	visibility:hidden;
}
.score-word.excellent{background-image:url(assets/img/score-excellent.svg);}
.score-word.great{background-image:url(assets/img/score-great.svg);}
.score-word.good{background-image:url(assets/img/score-good.svg);}
.score-word.poor{background-image:url(assets/img/score-poor.svg);}
.score-word.acceptable{background-image:url(assets/img/score-acceptable.svg);}
.score-word.sub-optimal{background-image:url(assets/img/score-sub-optimal.svg);}
.score-word.unacceptable{background-image:url(assets/img/score-unacceptable.svg);}
.score-word.fail:not(.poor){background-image: url(assets/img/score-fail.svg);font-size: 1rem;padding: 0.75rem 0;min-width: 5.5rem;}

.score-word.excellent {
    font-size: 1.75rem;
    line-height: 1.2;
    min-width: 10rem;
}

.score-word.fail{
	color:#bf1e2e;
}
.score-word.ar,
.score-word.vr {
    margin-left:3rem;
    position:relative;
    height: 2.5rem;
    box-sizing: border-box;
    padding: 1rem 0;
}

.score-word.ar:before,
.score-word.vr:before {
    display: inline-block;
    position:absolute;
    left:-2.25rem;
    top:0.25rem;
    color:#fff;
    padding:0.4rem 0.25rem;
    border-radius:2rem;
    font-weight:600;
}
.score-word.ar:before{content: "AR";}
.score-word.vr:before{content: "VR";}
.score-word.pass:before {background:#009900;}
.score-word.fail:before {background:#bf1e2e;}

.score-items {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 221px;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    pointer-events:auto;
    opacity:1;
    margin-bottom: 2rem;
}
.score-items.hide {
    opacity:0;
    pointer-events:none;
    -webkit-transform:translate3d(0,100%,0);
            transform:translate3d(0,100%,0);
}
.score-message,
.welcome-to-vr,
.detail-message{
    color:#000;
	background:#fff;
    display:block;
	font-weight:300;
	letter-spacing:0;
	line-height:1.35;
	padding:1rem 1.25rem 1rem 3.5rem;
	position:relative;
	z-index:12;
	box-shadow:0 0.15rem 0.5rem rgba(0,0,0,0.35);
    text-decoration: none;
}
.score-message:before,
.detail-message:before{
	color:#373739;
	font-family:'mergevr';
	font-size:2rem;
	content:"\f05a";
	position: absolute;
	left:1rem;
	top: 10%;
}
.score-message.warn:before{
    content:"\f071";
    color: #eca912;
}
.detail-message:before {
    content:"\f022";
}
.welcome-to-vr.hide {
    max-height:0;
    padding:0;
}
.welcome-to-vr {
    max-height:1000px;
    transition:max-height 0.3s ease-in-out;
	padding:1rem 1.25rem;
    overflow: hidden;
}
.welcome-to-vr>*{
	max-width:92%;
	display:block;
	margin: 0 auto;
}
.welcome-to-vr>p{
	padding: 0 0 1rem;
}
.welcome-to-vr>a{
	background:#6b2c90;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:0;
	padding:0.35rem 0;
	margin-top:0.35rem;
}
.score-section-title{
	background:#d3d3d3;
	font-size:1.25rem;
	font-weight:600;
	line-height:2.5;
	padding:0 0.5rem;
}
.score-section-title:before,
.score-section>ul>li:before {
	font-family:'mergevr';
	padding-right:0.5rem;
	vertical-align:-0.1rem
}
.score-section-title.pass:before,
.score-section>ul>li.pass-icon:before {content:"\f058";color:#009900;}
.score-section-title.fail:before,
.score-section>ul>li.fail-icon:before {content:"\f057";color:#bf1e2e;}
.score-section-title.warn:before {content:"\f071";color:#eca912;}
.score-section>ul>li{
	padding:0 0.5rem;
	line-height:2;
}
.score-section>ul>li.ios:before,
.score-section>ul>li.osx:before{content:"\f179";}
.score-section>ul>li.android:before{content:"\f17b";}
.score-section>ul>li.windows:before{content:"\f17a";}
.score-section>ul>li.linux:before{content:"\f17c";}

.score-section>ul>li.accelerometer:before{content:"\e89f";}
.score-section>ul>li.compass:before{content:"\e1b3";}
.score-section>ul>li.gyroscope:before{content:"\e1c1";}

.score-section>ul>li.high-res:before{content:"\e1b1";}
.score-section>ul>li.low-res:before{content:"\e1b2";}

.score-section>ul>li.high-speed:before{content:"\e423";}
.score-section>ul>li.low-speed:before{content:"\e424";}

.score-section>ul>li.fail {
	font-weight:600;
	color:#bf1e2e;
}

.clear {
    clear:both;
}
#license {
    width: 80%;
    height:80%;
    display: none;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
    box-sizing:border-box;
    overflow: hidden;
}
.license-wrap {
    width:100%;
    height:100%;
    padding: 5% 10%;
    overflow-y: scroll;
    box-sizing: border-box;
}
.modal_close{
	color:#373739;
	font-size:0.85rem;
	font-weight:600;
	position:absolute;
	right:1.25rem;
	background:#d3d3d3;
	padding:0.25rem;
	text-decoration:none;
	border-radius:0.5rem;
	margin:0.25rem 0;
}
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}