@font-face {
    font-family: 'AkkuratReg';
    src: url('https://admin.cogniclick.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbGhHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--936d9ab37691a4e301d53d4d8367a5d7cbc37b3f/AkkuratLLWeb-Regular.woff') format('woff'), url('https://admin.cogniclick.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbGxHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--966ad4beb67daac59bdeb9c77c3aba8740c4583f/AkkuratLLWeb-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AkkuratLight';
    src: url('https://admin.cogniclick.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbFpHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9f701e4a28e65d905f7c88bee2cbcee0f0dfc37d/AkkuratLLWeb-Light.woff') format('woff'), url('https://admin.cogniclick.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbGRHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f375efaeefb06322251e94f0d4a6630fafad33e8/AkkuratLLWeb-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AkkuratBold';
    src: url('https://admin.cogniclick.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbFJHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8e54cdd0e4b1c4109a96602e470f97d4feec7ca5/AkkuratLLWeb-Bold.woff') format('woff'), url('https://admin.cogniclick.app/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbFZHIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--56bde172c4f9ff4b798254d4be678b566e8478ff/AkkuratLLWeb-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body, p, .helpText {
    font-family: 'AkkuratReg', Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: normal !important;
}

h1, h2, h3, h4, h5, h6, b {
    font-family: 'AkkuratBold', Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: bold !important;
}

.result-header {
    display: none;
}

.title {
    color: #D6002A;
    font-size: 140%;
    margin-bottom: 1em !important;
}

.splash h1 {
    text-align: left;
}

.splash p {
    text-align: left;
}
/*.splash .button {width:100%!important;}*/

.splash-logo {
    height: 80px;
    width: auto;
    background-image: url(https://spglobal.cogniclick.app/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBblk0IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--479eea0dbda7d3d394fff204e773433b4c1f1919/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFLQUIya0NPQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--17b9a774675865a99b50a10408867a17943e12cb/SPGMI-Reverse-cropped.png);
    /*background-image:url(https://spglobal.cogniclick.app/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaWNDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--306d16923e03af96652a4de48b786af6e457fad1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFLQUIya0NPQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--17b9a774675865a99b50a10408867a17943e12cb/sp-market-intelligence.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 1.5em;
}

@media screen and (min-width: 769px) and(orientation: landscape) {
    .splash-logo {
        background-position: left center;
    }

    #app .survey .column:first-child {
        background-image: url(https://spglobal.cogniclick.app/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBblk0IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--479eea0dbda7d3d394fff204e773433b4c1f1919/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFLQUIya0NPQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--17b9a774675865a99b50a10408867a17943e12cb/SPGMI-Reverse-cropped.png);
        background-size: 30%;
        background-position: 15% 92%;
        background-repeat: no-repeat;
    }
}

.lang-select select {
    border-radius: 2px !important;
    z-index: 9999;
}

.lang-select {
    position: absolute;
    top: 20px !important;
    left: unset !important;
    right: 25px !important;
    width: 100px !important;
    z-index: 999;
    opacity: 0.85;
}

.lang-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.75em;
    background-color: #FFFFFF;
    border: solid 1px #666666;
    border-radius: 5px;
    color: #655;
    font-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 10' style='enable-background:new 0 0 16 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23666666;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M8,9.4c-0.3,0-0.6-0.1-0.8-0.3L0.6,2.4C0.1,2,0.1,1.3,0.6,0.9c0.4-0.4,1.1-0.4,1.6,0L8,6.7l5.9-5.9 c0.4-0.4,1.1-0.4,1.6,0c0.4,0.4,0.4,1.1,0,1.6L8.8,9.1C8.6,9.3,8.3,9.4,8,9.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

@media screen and (min-width: 769px) {
    .lang-select {
        top: 20px !important;
        right: 25px !important;
        width: 150px !important;
    }

    .lang-select select {
        font-size: 110% !important;
    }
}
#app .survey .column:first-child, .result-intro, .signup-component {background-color:#000000!important;}
#app .survey .column:first-child h1, .result-intro, .signup-component {color:#FFFFFF;}
.survey .title {font-size:140%;margin-bottom:1em!important;color:#D6002A!important;font-weight:400;}
.signup-component a {color: #FFFFFF;}
.vue-slider {
    height:6px!important;
}
.vue-slider-dot {
    width:18px!important;
    height:18px!important;
}
.vue-slider:before {
    position:absolute;
    display:block;
    margin-top:-2em;
    font-size:70%;
    top:0;
    left:0;
}
.vue-slider:after {
    position:absolute;
    display:block;
    margin-top:-2em;
    font-size:70%;
    top:0;
    right:0;
}
.slider-outlook .vue-slider:before {
    content:'Significant deterioration';
}
.slider-outlook .vue-slider:after {
    content:'Significant improvement';
}
.slider-agreement .vue-slider:before {
    content:'Strongly disagree';
}
.slider-agreement .vue-slider:after {
    content:'Strongly agree';
}
.slider-effective .vue-slider:before {
    content:'Very ineffective';
}
.slider-effective .vue-slider:after {
    content:'Very effective';
}
.slider-importance .vue-slider:before {
    content:'Not at all important';
}
.slider-importance .vue-slider:after {
    content:'Critically important';
}
.slider-truth .vue-slider:before {
    content:'Not at all true';
}
.slider-truth .vue-slider:after {
    content:'Entirely true';
}
.slider-satisfaction .vue-slider:before {
    content:'Not at all satisfied';
}
.slider-satisfaction .vue-slider:after {
    content:'Very satisfied';
}
.slider-integrated .vue-slider:before {
    content:'Not at all integrated';
}
.slider-integrated .vue-slider:after {
    content:'Fully integrated';
}
.slider-change .vue-slider:before {
    content:'Significant decrease';
}
.slider-change .vue-slider:after {
    content:'Significant increase';
}
.vue-slider-mark-label {font-size:70%!important;}
.slider-question-item {
    margin-bottom:2em;
}
.slider-question-item p {
    margin-bottom:2em;
    font-size:100%;
    font-family: 'AkkuratBold', Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: bold !important;
}
.vue-slider-process {
    background-color:#d6002b!important;
    border-radius:0!important;
}
.vue-slider-rail {
    border-radius:0!important;
}
.vue-slider-dot-tooltip-inner {
    background-color:#d6002b!important;
    border-color:#d6002b!important;
}
.vue-slider-dot-handle-focus {
    box-shadow: 0px 0px 1px 2px rgba(214, 0, 43, 0.36)!important;
}
.slider-question-set .next {margin-top:2em;text-align:center;}
.vue-slider-dot-tooltip {display:none;}
.vue-slider-mark:first-child {
    display: none;
}
.splash {width:100%!important;}
.splash-content {
  background-color:#000000;
  padding:7% 7.5% 7.5% 7.5%!important;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .splash {width:80%!important;}
  
    .splash .column--text {
        flex: 0 1 80%!important;
        padding: 0;
    }
    .column--text .splash-content {
        padding:0 0 0 10%;
    }
}
@media screen and (min-width: 1429px) {
    .splash .column--text {
        flex: 0 1 60%!important;
    }
}