html {font-size: 1.75vh; }
body {position: relative; margin: 0; background: #fff; font-family: 'Roboto', sans-serif; overflow: auto; font-size: 15px; }
.clear {display:block; clear: both;}

.lockup {position: relative; width: 100%; height: 100vh; overflow: hidden; }
.lockup .title {position: absolute; left: 19vh; bottom: 70%; width: 30%; }
.lockup .title h1 {margin: 0; font-size: 3rem; color: #1b66b2; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; }
.lockup .title:after {content: ""; position: absolute; top: -8vh; left: -8vh; width: 10vh; height: 10vh; background: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon.svg) center no-repeat; background-size: contain;}
.lockup .img {position: absolute; left: 65vh;  top: 0; bottom: 0; right: 0; background: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7Bd39ed6a4-c52b-49e9-8df4-06cc4f28b5c5%7D_street.jpg) center no-repeat; background-size: cover;}
.lockup .content {position: absolute; z-index: 1; left: 19vh; top: 70%; width: 30vh;  font-size: 0.9rem;}
.lockup .content h2 {font-size: 1.6rem; margin: 0; color: #1b66b2; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1;margin-bottom: 8px; }
.lockup .content h2 b {color: #000; display:block; }
.lockup .content p {margin-top: 0; }
.lockup .content a {color: #1b66b2; text-decoration: none; font-weight: 700}
.lockup .content a:hover {color: #000; text-decoration: none;}
.lockup .legal{position: absolute; left: 90vh; right:20px; bottom: 20px; color: #fff; font-size: 11px; }

.lockup .cross {position: absolute; left: 19vh; top: 0; width: 100vh; height: 100vh; }
.lockup .cross .arm {position: absolute; display: flex; align-items: center; justify-content: center; width: 33.3%; height: 33.3%; background: #1b66b2; border-color: #fff; border-style: solid; box-sizing: border-box; }
.lockup .cross .arm:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 51%; background: rgba(255,255,255,0.1);}
.lockup .cross .arm.arm_T:before {height: 45%;} 
.lockup .cross .arm > div {position: relative; padding: 0 5%; text-align: center; color: #fff; font-size: 1.2rem;}
.lockup .cross .arm > div > i {display: block; height: 13vh; background-position: center; background-repeat: no-repeat; background-size: contain;}
.lockup .cross .arm.arm_T {top: 0; left: 33.3%; border-width: 0 4px; padding-bottom: 7%; }
.lockup .cross .arm.arm_L {top: 33.3%; left: 0; border-width: 4px; padding-right: 7%;}
.lockup .cross .arm.arm_R {top: 33.3%; right: 0; border-width: 4px; padding-left: 7%;}
.lockup .cross .arm.arm_B {bottom: 0; left: 33.3%; border-width: 0 4px; padding-top: 7%}
.lockup .cross .arm.arm_T > div > i {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_t.svg)}
.lockup .cross .arm.arm_L > div > i {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_l.svg)}
.lockup .cross .arm.arm_R > div > i {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_r.svg)}
.lockup .cross .arm.arm_B > div > i {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_b.svg)}
.lockup .cross .middle {position: absolute; left: 50%; top: 50%; width: 48%; height: 48%; border-radius: 50%; margin-left: -24%; margin-top: -24%; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #fff; border: 3px solid #fff; transition: transform .2s; overflow: hidden;  z-index: 1}
.lockup .cross .middle .inner {position: absolute; top: 13%; left: 13%; width: 74%; height: 74%; border-radius: 50%; background: #fff; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; font-size: 3rem; }

.lockup.home .cross .middle {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/center.svg); transition: transform .2s; box-sizing: border-box; }
.lockup.home .cross .middle:hover {transform: scale(1.01);}
.lockup.home .cross .middle .inner > span {position: absolute; display:flex; align-items: center; justify-content: center; top: 8px; left: 8px; right: 8px; bottom: 8px; border-radius: 50%; background: #1b66b2; }
.lockup.home .cross .middle .inner > span b {display:block; color: #fff; text-align: center; }
.lockup.home .cross .middle .spinner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; ; border-radius: 50%; border: 8px solid transparent; border-top-color: #afbf35; border-bottom-color: #afbf35; box-sizing: border-box; animation: spin 4s linear infinite;}
.lockup.home .cross .middle .arrowT {position: absolute; top: 13%; left: 39%; width: 20%; height: 20%; border-bottom: 4px solid #afbf35; animation: blinker 4s linear infinite;  }
.lockup.home .cross .middle .arrowT i {position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-top: -8px; margin-left: -12px; background: #afbf35; border-radius: 50%;  }
.lockup.home .cross .middle .arrowT:before {content: ""; position: absolute; top: 0; left: 50%; width: 4px; height: 88%; margin-left: -2px; background: #afbf35; }
.lockup.home .cross .middle .arrowT:after {content: ""; position: absolute; top: 44%; left: 30%; width: 40%; height: 40%; border-color: #afbf35; border-style: solid; border-width: 0 4px 4px 0; box-sizing: border-box; transform: rotate(45deg)}
.lockup.home .cross .middle .arrowB {position: absolute; bottom: 13%; left: 39%; width: 20%; height: 20%; border-top: 4px solid #afbf35; animation: blinker 4s linear infinite;  }
.lockup.home .cross .middle .arrowB i {position: absolute; bottom: 0; left: 50%; width: 24px; height: 24px; margin-bottom: -8px; margin-left: -12px; background: #afbf35; border-radius: 50%;  }
.lockup.home .cross .middle .arrowB:before {content: ""; position: absolute; bottom: 0; left: 50%; width: 4px; height: 88%; margin-left: -2px; background: #afbf35; }
.lockup.home .cross .middle .arrowB:after {content: ""; position: absolute; bottom: 44%; left: 30%; width: 40%; height: 40%; border-color: #afbf35; border-style: solid; border-width: 4px 0 0 4px; box-sizing: border-box; transform: rotate(45deg)}

.lockup.home .cross .arm.arm_T {background: #0f7abf;}
.lockup.home .cross .arm.arm_L {background: #0f7abf;}
.lockup.home .cross .arm.arm_R {background: #759ccc;}
.lockup.home .cross .arm.arm_B {background: #929596;}

.lockup.results .cross .middle {pointer-events: none;}
.lockup.results .cross .middle .inner > span {position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border-radius: 50%; background: #1b66b2; color: #fff; text-align: center; }
.lockup.results .cross .middle .inner > span b {position: absolute; bottom: 50%; left: 0; width: 100%; font-size: 3rem;  padding-bottom: 0.5rem  }
.lockup.results .cross .middle .inner > span > span {position: absolute; top: 50%; left: 0; width: 100%; font-size: 1.2rem; padding-top: 1.5rem }
.lockup.results .cross .middle .inner > span > span:before {content: ""; position: absolute; top: 0; left: 33%; width: 33%; height: 2px; background: #fff; }
.lockup.results .cross .middle .labels {position: absolute; top: 0; left: 0 ;width: 100%; height: 100%; background: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/center_results.svg) center no-repeat; background-size: contain;}
.lockup.results .cross .arm {background: #778333; cursor:pointer; transition: transform .2s }
.lockup.results .cross .arm:hover {transform: scale(1.05);}
.lockup.results .cross .arm:before {background: #afbe35;}
.lockup.results .arm > div h2 {display:none;}
.lockup.results .cross .middle .tab {fill: #778333; }
.lockup.results.err_T .cross .arm.arm_T {background: #8a232e;}
.lockup.results.err_T .cross .arm.arm_T:before {background: #cd3b45;}
.lockup.results.err_T .cross .middle .tab_T {fill: #8a232e; }
.lockup.results.err_L .cross .arm.arm_L {background: #8a232e;}
.lockup.results.err_L .cross .arm.arm_L:before {background: #cd3b45;}
.lockup.results.err_L .cross .middle .tab_L {fill: #8a232e; }
.lockup.results.err_R .cross .arm.arm_R {background: #8a232e;}
.lockup.results.err_R .cross .arm.arm_R:before {background: #cd3b45;}
.lockup.results.err_R .cross .middle .tab_R {fill: #8a232e; }
.lockup.results.err_B .cross .arm.arm_B {background: #8a232e;}
.lockup.results.err_B .cross .arm.arm_B:before {background: #cd3b45;}
.lockup.results.err_B .cross .middle .tab_B {fill: #8a232e; }

@media (max-aspect-ratio: 8/5) {
	.lockup .title {left: 10vh;  }
	.lockup .cross  {left: 10vh; }
	.lockup .content  {left: 10vh; }
	.lockup .legal {left: 80vh;}
}
@media (max-aspect-ratio: 5/4), (max-width: 600px), (max-height: 600px)  {	
	.lockup {height: auto; }
	.lockup .title h1 {font-size: 3em; }
	.lockup .title {position: relative; left: 0; bottom: 0; width: auto; padding: 80px 30px 0 110px; margin: 30px 0; }
	.lockup .title:after {top: 0; left: 30px; width: 90px; height: 90px; }	
	.lockup .img {position: relative; left: 0; height: 30vh; margin-bottom: 40px; }	
	.lockup .content {position: relative; left: 0; top: 0; width: auto; font-size: 1em; padding: 0 30px;  }
	.lockup .content h2 {font-size: 3em;}
	.lockup .cross {position: relative; left: 0; top: 0; width: 95vw; height: 95vw; width: calc(100vw - 60px); height: 95vw; height: calc(100vw - 60px); max-width: 700px; max-height: 700px; margin: 20px auto;  }
	.lockup .cross .arm {border: none;}
	.lockup .cross .arm > div {font-size: 14px; }
	.lockup .cross .arm > div > i {height: 100px; }
	.lockup .cross .middle .inner > span b {font-size: 25px; }
	.lockup.results .cross .middle .inner > span b {font-size: 40px; padding-bottom: 10px;}
	.lockup.results .cross .middle .inner > span > span {font-size: 16px; padding-top: 15px; }
	.lockup .legal {position: relative; left: 0; bottom: 0; right: 0; color: #000; margin: 20px 0; padding: 0 30px;}
}
@media screen and (max-width:700px) {
	html {font-size: 1.75vw;}
	.lockup .title {margin: 20px 0; padding: 60px 20px 0 80px; }
	.lockup .title h1 {font-size: 2.5em; }
	.lockup .title:after {top: 0; left: 30px; width: 70px; height: 70px; }	
	.lockup .content {padding: 0 20px; }
	.lockup .content h2 {font-size: 2em;}
	.lockup .cross {width: calc(100vw - 40px); height: calc(100vw - 40px);} 
	.lockup .cross .arm > div {font-size: 1.2rem}
	.lockup .cross .arm > div > i {height: 8rem}
	.lockup.home .cross .middle .inner > span b {font-size: 2.5rem; }
	.lockup.results .cross .middle {border-width: 2px;}
	.lockup.results .cross .middle .inner > span {top: 4px; left: 4px; right: 4px; bottom: 4px; }
	.lockup.results .cross .middle .inner > span b {font-size: 2.3rem; }
	.lockup.results .cross .middle .inner > span > span {font-size: 1.2rem; }
	.lockup .legal {padding: 0 20px;}
}
@media screen and (max-width:500px) {
	.lockup .cross {width: auto; height: auto; margin: 20px; max-height: none; } 
	.lockup .cross .middle {display:block; position: relative; width: 100%; height: 0; padding-bottom: 100%; left: 0; top: 0; margin: 0; }
	.lockup.home .cross .middle .inner > span b {font-size: 4rem; }
	.lockup.home .arm {display:none; } 	
	.lockup.results .arm {display:block; position: relative; left: 0!important; top: 0!important; height: auto; width: auto; margin: 10px 0; padding: 0!important; min-height: 80px; border-radius: 4px; overflow: hidden; ;} 
	.lockup.results .arm > div {font-size: 1em; padding: 10px 25px 10px 90px; text-align: left}
	.lockup.results .arm > div i {position : absolute; left: 5px; top: 0; width: 70px; height: 100%; }
	.lockup.results .arm > div br {display:none; }
	.lockup.results .arm > div h2 {display:block; margin: 0; font-size: 1.15em;font-family: 'Univers LT Pro'; font-weight: bold; }
	.lockup.results .arm > div:after {content: ""; position: absolute; right: 10px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-color: #fff; border-style: solid; border-width: 2px 2px 0 0 ;transform: rotate(45deg); box-sizing: border-box;}
	.lockup.results .arm:before {display:none}
	.lockup.results .cross .middle .inner > span b {font-size: 5rem;}
	.lockup.results .cross .middle .inner > span > span { font-size: 2.5rem; font-weight: 400; }
}

.assessment {position: relative; height: 100vh; overflow: hidden; font-size: 15px; }
.assessment .img {position: absolute; left: 0; top: 0; bottom: 0; right: 600px; background-repeat: no-repeat; background-size: cover;}
.assessment .img:after {content: ""; position: absolute; width: 11vh; height: 11vh; background-repeat: no-repeat; background-size: contain;}
.assessment#step1 .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7B18748b31-3b26-49ac-bec2-094e37ed04ff%7D_quiz1.jpg); background-position: center; }
.xxassessment#step1 .img:after {top: 47vh; left: 33%; left:calc(50% - 35vh); background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_blue.svg) }
.assessment#step2 .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7Bf1717d4e-a77b-4754-8b28-d224673ac1ef%7D_quiz2.jpg); background-position: left;}
.xxassessment#step2 .img:after {top: 55vh; left: 33vh; background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_white.svg) }
.assessment#step3 .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7B4a056459-4776-46ec-a61b-a792e570ff0d%7D_quiz3.jpg); background-position: center;}
.xxassessment#step3 .img:after {top: 55vh; left: 30%; left:calc(50% - 35vh); background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_white.svg) }
.assessment#step4 .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7B85bcad3c-e876-48b7-846c-5b93292d301d%7D_quiz4.jpg); background-position: left;}
.xxassessment#step4 .img:after {bottom: 12vh; right: 12vh; background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_white.svg) }
.assessment .panel {position: absolute; top: 0; right: 0; width: 600px; height: 100%; overflow: auto; background: #fff;box-sizing: border-box;  }
.assessment .panel .inner {padding: 30px 30px 0 30px; min-height : calc(100% - 65px); box-sizing: border-box;}
.assessment .panel .icon {height: 100px; background: left no-repeat; background-size: contain;  }
.assessment#step1 .panel .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_t.svg)}
.assessment#step2 .panel .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_r.svg)}
.assessment#step3 .panel .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_b.svg)}
.assessment#step4 .panel .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_l.svg)}
.assessment .panel .title {font-size: 3em; margin: 10px 0 20px 0; color: #184480; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; }
.assessment .panel .q {border-top: 2px solid #1b66b2; padding: 20px 0;}
.assessment .panel .q p {margin-top: 0; }
.assessment .panel .q label {font-size: 1.8em; color: #1b66b2; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1;}
.assessment .panel .checks {margin: 10px -10px; display: block;  }
.assessment .panel .checks a {position: relative; display: inline-block; padding: 0 35px 0 10px; margin-right: 10px;  color: #000; font-weight: 700; font-size: 1.6em; text-decoration: none; line-height: 1;; }
.assessment .panel .checks a i {position: absolute; top: 0; right: 0; width: 28px; height: 28px; border: 2px solid #ccc; box-sizing: border-box; overflow: hidden; }
.assessment .panel .checks a.checked i {background: #fff; border-color: #1b66b2;}
.assessment .panel .checks a.checked i:after {content: ""; position: absolute; width: 200%; height: 2px; top: 50%; margin-top: -1px; left: -50%; background: #1b66b2; transform: rotate(45deg)}
.assessment .panel .checks a.checked i:before {content: ""; position: absolute; width: 200%; height: 2px; top: 50%; margin-top: -1px; left: -50%; background: #1b66b2; transform: rotate(-45deg)}
.assessment .panel .buttons {padding: 0 30px 30px 30px; box-sizing: border-box; }
.assessment .panel .buttons a {display: inline-block; font-family: 'Univers LT Pro'; font-weight: bold; color: #fff; background: #a9acac; padding: 10px 20px 5px 20px; line-height: 1;  font-size: 1.3em; text-decoration: none; }
.assessment .panel .buttons a.blue {background: #17437f; }
.assessment .panel .buttons a.right {float: right;}

.assessment#step2 {display: none;}
.assessment#step3 {display: none;}
.assessment#step4 {display: none;}

@media (max-aspect-ratio: 5/4), (max-width: 600px), (max-height: 600px)  {
	.assessment {height: auto; left: 0; top: 0; overflow: hidden; }
	.assessment .img {position: relative; right: 0; width: auto; height: 50vh;}
	.assessment .panel {position: relative; width: auto; height: auto; padding: 30px;  }
	.assessment .panel .inner {min-height : 0; padding: 0; }
	.assessment .panel .buttons {padding: 0}
}
@media screen and (max-width:500px) {	
	.assessment .panel {padding: 20px; }
	.assessment .panel .title {font-size: 2em; }
	.assessment .panel .buttons a {display: block; text-align: center;  }
	.assessment .panel .buttons a.right {float: none; margin-top: 10px; }	
}

.formModal {position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display:none;}
.formModal .inner {position: absolute; width: 90%; width:calc(100% - 40px); max-width: 1000px; background: #ccc; box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.4);}
.formModal .inner .content {position: relative; max-height: 90%; max-height:calc(100vh - 40px); padding: 30px; box-sizing: border-box; overflow:auto; }
.formModal .inner .title {margin: 0; font-size: 3em; color: #184480; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; }
.formModal .inner p {margin-top: 0;}
.formModal .inner .fieldGroups {position: relative; margin: 0 -15px}
.formModal .inner .fieldGroups > div {position: relative; float: left; width: 50%; padding: 0 15px; box-sizing: border-box;}
.formModal .inner .field {margin: 10px 0; }
.formModal .inner .field label {font-size: 0.8em}
.formModal .inner .field input[type=text] {border: 1px solid #ccc; background: #fff; width: 100%; padding: 10px; box-sizing: border-box; outline: none; }
.formModal .inner .field input[type=text]:focus {outline: 1px solid #184480;}
.formModal .inner .field select {border: 1px solid #ccc; background: #fff; width: 100%; padding: 10px; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none;  }		
.formModal .inner .field select:focus {outline: 1px solid #184480;}
.formModal .inner .field select::-ms-expand {display: none;}
.formModal .inner .field .select {position: relative; }
.formModal .inner .field .select:after {content: ""; position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; margin-top: -7px; border-style: solid; border-width: 0 2px 2px 0; border-color: #555; box-sizing: border-box; transform: rotate(45deg); pointer-events: none;}
.formModal .inner sup {color: #cd3b45;}
.formModal .inner .checkbox {position: relative; padding-left: 40px; font-size: 10px;}
.formModal .inner .checkbox a.check {position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: #fff; outline: none;}
.formModal .inner .checkbox a.check:focus {outline: 1px solid #184480;}
.formModal .inner .checkbox a.check.checked:after{content: ""; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -1px; width: 40px; height: 2px; background: #aaa; transform:rotate(45deg);}	
.formModal .inner .checkbox a.check.checked:before{content: ""; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -1px; width: 40px; height: 2px; background: #aaa; transform:rotate(-45deg);}	
.formModal .inner .button {text-align: right; }
.formModal .inner .required {float: left;}
.formModal .inner .button button  {display:inline-block; border: none; outline: none; cursor: pointer; background: #17437f; font-family: 'Univers LT Pro'; font-weight: bold; color: #fff; padding: 10px 20px 5px 20px; line-height: 1;  font-size: 1.3em;}
@media screen and (max-width:700px) {		
	.formModal .inner .content {padding: 20px; }
	.formModal .inner .fieldGroups {position: static; margin: 0}
	.formModal .inner .fieldGroups > div {position: static; float: none; width: auto; padding: 0;}
}
@media screen and (max-width:1000px) {	
	.formModal .inner .title {font-size: 2em; }
}


.resultModal {position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display:none; z-index: 100;}
.resultModal a.closeButton {position: absolute; top: -45px; right: -45px; width: 90px; height: 90px; background: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/close.svg) center no-repeat; background-size: contain; z-index: 100; transition: transform .2s; }
.resultModal a.closeButton:hover {transform: scale(1.05);}
.resultModal .inner {position: absolute; width: 90%; width:calc(100% - 100px); max-width: 1400px; background: #fff; box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.4);}
.resultModal .inner .contentInner {position: relative; padding: 0 30px; height: 90vh; height: calc(100vh - 100px); width: 44%; box-sizing: border-box; overflow: auto;}
.resultModal .inner .contentInner:before {content: ""; display:block; padding-top: 1px; margin-bottom: 30px; }
.resultModal .inner .contentInner:after {content: ""; display:block; padding-bottom: 1px; margin-top: 30px; }
.resultModal .resultDetail{display:none;}
.resultModal.result_top .resultDetail_top {display:block; }
.resultModal.result_right .resultDetail_right {display:block; }
.resultModal.result_bottom .resultDetail_bottom {display:block; }
.resultModal.result_left .resultDetail_left {display:block; }
.resultModal .contentInner .icon {position: relative; display: block;  height: 80px; background-position: left; background-repeat: no-repeat; background-size: contain; margin-bottom: 10px; }
.resultModal .industries .icon {display: block; height: 80px; background: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_l.svg) center no-repeat; background-size: contain; }
.resultModal.result_top .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_t.svg);}
.resultModal.result_right .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_r.svg);}
.resultModal.result_bottom .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_b.svg);}
.resultModal.result_left .icon {background-image: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_l.svg);}

.resultModal .inner .contentInner .title {margin: 0; font-size: 1.8em; color: #184480; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; }
.resultModal .inner .contentInner ul {margin: 15px 0; font-weight: 700; }
.resultModal .inner .contentInner ul li {margin: 5px 0;}
.resultModal .inner .contentInner a.link {display: block; color: #184480; font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; font-size: 1.1em; text-decoration: none; margin: 10px 0; }
.resultModal .inner .contentInner.fail{display: none;}

.resultModal .inner .img {position: absolute; top: 0; left: 44%; width: 28%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.resultModal.result_top .inner .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7B4c845da1-b861-458d-815c-68440036e1d8%7D_result_top.jpg); background-position: top left; }
.resultModal.result_right .inner .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7B92536e6d-6328-406b-916b-b18b306c8583%7D_result_right.jpg); background-position: center; }
.resultModal.result_bottom .inner .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7Bbd5fcd68-9792-4643-a696-0fee4b37746b%7D_result_bottom.jpg); background-position: center; }
.resultModal.result_left .inner .img {background-image: url(https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7Bd7606ef6-f607-4341-8667-dd0e0cf05c2b%7D_result_left.jpg); background-position: top right; }
.resultModal .inner .industries {position: absolute; top: 0; right: 0%; width: 28%; height: 100%;  color: #fff; padding: 30px; text-align: center; box-sizing: border-box; font-size: 14px; }
.resultModal .inner .industries i {display: block; height: 80px; background: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/icon_l.svg) center no-repeat; background-size: contain; }

.resultModal .inner .industries hr {margin: 10px auto; width: 100px; border: none; background: #fff; height: 1px;}
.resultModal .inner .industries .icons { position: relative; height: calc(100% - 230px); }
.resultModal .inner .industries .icons a {position: relative; float: left; width: 50%; height: 33%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.resultModal .inner .industries .icons a.man {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_man.svg)}
.resultModal .inner .industries .icons a.hosp {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_hosp.svg)}
.resultModal .inner .industries .icons a.trans {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_trans.svg)}
.resultModal .inner .industries .icons a.oil {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_oil.svg)}
.resultModal .inner .industries .icons a.edu {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_edu.svg)}
.resultModal .inner .industries .icons a.retail {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_retail.svg)}
.resultModal .inner .industries .icons a.utilities {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_ultilities.svg)}
.resultModal .inner .industries .icons a.parking {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_parking.svg)}
.resultModal .inner .industries .icons a.para {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_para.svg)}
.resultModal .inner .industries .icons a.delivery {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_delivery.svg)}
.resultModal .inner .industries .icons a.security {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_security.svg)}
.resultModal .inner .industries .icons a.prison {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_prison.svg)}
.resultModal .inner .industries .icons a.lone {background-image:url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/ind_lone.svg)}






.resultModal .inner .industries .button {margin-top: 10px; }
.resultModal .inner .industries .button a {display:inline-block; background: #fff; color: #000; font-size: 1.5em; padding: 10px 20px 5px 20px; text-decoration: none;font-family: 'Univers LT Pro'; font-weight: bold; line-height: 1; }

.resultModal .pass {display:block;}
.resultModal .fail {display:none;}
.resultModal .inner .industries {background: #778333;}
.resultModal .inner .content ul {color: #778333; }

.resultModal.error .pass {display:none;}
.resultModal.error .fail {display:block;}
.resultModal.error .inner .industries {background: #8a232e;}

.resultModal.error1 .inner .content ul li:nth-child(1) {color: #8a232e; }
.resultModal.error2 .inner .content ul li:nth-child(2) {color: #8a232e; }
.resultModal.error3 .inner .content ul li:nth-child(3) {color: #8a232e; }

@media screen and (max-width:1200px) {
	.resultModal .inner {height: auto; max-width: 800px; width: 90%; width: calc(100% - 40px); }
	.resultModal .content {max-height: 90vh; height: calc(100vh - 100px); overflow: auto;  }	
	.resultModal .inner .contentInner {width: 100%; height: auto; }
	.resultModal .inner .img {position: relative; width: auto; height: 40vh; left: 0; top: 0; }
	.resultModal .inner .industries {position: relative; height: auto; width: auto;  left: 0; top: 0;}
	.resultModal .inner .industries .icons { position: relative; height: auto; max-width: 500px; margin: 20px auto; }
	.resultModal .inner .industries .icons a {width: 33.33%; height: 0; padding-bottom: 33%;}
}
@media screen and (max-width:700px) {		
	.resultModal .inner .contentInner {padding: 0 20px; }
}
@media screen and (max-width:400px) {
	.resultModal .inner .industries .icons a {width: 50%; padding-bottom: 50%;}
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes blinker {
	0% {opacity:1; }	
    10% {opacity:1; }
    15% {opacity:0 }
	35% {opacity:0 }    
	40% {opacity:1 }	
	60% {opacity:1 }	
  	65% {opacity:0; }	
  	85% {opacity:0; }	
  	90% {opacity:1; }	
  	100% {opacity:1; }
}
@font-face {
    font-family: 'Univers LT Pro';
    src: url('https://www.motorolasolutions.com/content/static/eloqua/contactus/universltpro-condensed.woff2') format('woff2'),
        url('https://www.motorolasolutions.com/content/static/eloqua/contactus/universltpro-condensed.woff2') format('woff'),
        url('https://www.motorolasolutions.com/content/static/eloqua/contactus/universltpro-condensed.woff2') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Univers LT Pro';
    src: url('https://www.motorolasolutions.com/content/static/eloqua/contactus/universltpro-boldcond.woff2') format('woff2'),
        url('https://www.motorolasolutions.com/content/static/eloqua/contactus/universltpro-boldcond.woff') format('woff'),
        url('https://www.motorolasolutions.com/content/static/eloqua/contactus/universltpro-boldcond.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.lockup .logo {position: absolute; left: 19vh; top: 2%; width: 30vh; height: 10%; background: url(https://www.motorolasolutions.com/content/static/emea_online_assessment/images/motorola-solutions-vector-logo.svg) left top no-repeat; background-size: contain; }
      @media (max-aspect-ratio: 8/5) {
            .lockup .logo {left: 10vh;}
      }
      @media (max-aspect-ratio: 5/4), (max-width: 600px), (max-height: 600px)  {
            .lockup .logo {position: relative; left: 0; bottom: 0; width: auto; height: 25px; margin: 30px; }   
      }