.ibm_logo {
    position: absolute;
    top: 2.8em;
    left: 2.8em;
    width: 6.5em;
    height: 3.2em;
    fill: white;
    pointer-events: auto;
    z-index: 100;
}

.front_center .slide_box_container .slide_box .c_text_1 .i18n {
    font-size: 1.3em;
    color: #83d1f5;
    padding-bottom: .3em;
    padding-top: .4em;
    font-family: AppFontMedium;
}

.front_center .slide_box_container .slide_box .c_text_2 .i18n {
    font-size: 0.95em;
    color: white;
    text-align: center;
    line-height: 1.4em;
    font-family: AppFontLight;
}

.fp_text .f_text_2 .i18n {
    font-size: 2.1em;
    color: #83d1f5;
    margin-top: -.1em;
    margin-bottom: .1em;
}

#titles div.mainTitle {
    font-size: 1.3em;
}

.fp_text .f_text_3 .i18n {
    font-size: 1.2em;
    color: white;
    width: 100%;
    line-height: 1.4em;
    max-width: 40em;
    margin-bottom: 4em;
}

.fp_text .f_text_1 .i18n {
    font-size: 2.1em;
    color: #83d1f5;
    font-family: AppFontMedium;
    /*margin-top: -.6em;*/
}

.front_center .slide_box_container .slide_box .c_text_3 .i18n {
    font-family: AppFontLight;
    margin-top: 1em;
}

.fp_text .f_text_2 .i18n {
   font-size: 1.4em;
}


.hotspot .hs_text_box {
    background-color: rgba(0, 0, 0, 0.85);
}

/*<------------ Renee edits to E950 and E980 ------------>*/

.full_model_content[data-model="E950"] .front_center .slide_box_container .slide_box .c_text_3 .i18n,
.full_model_content[data-model="E980"] .front_center .slide_box_container .slide_box .c_text_3 .i18n {
    font-size: 0.4em;
    line-height: 1.3;
    margin-top: 0.8em;
}

.performance_arrow_container._center {
    height: 5.3em;
}

.performance_arrow_container._left .performance_inner_arrow {
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    animation-duration: 8s;
}

@-webkit-@keyframes rotate_arrow {
    0% {
        transform:rotate(90deg);
        opacity: 1;
    }
    10% {
        transform:rotate(90deg);
    }
    30% {
        transform:rotate(0deg);
    }
    84% {
        opacity: 1;
    }
    100% {
        transform:rotate(0deg);
        opacity: 0;
    }
}

@keyframes rotate_arrow {
    0% {
        transform:rotate(90deg);
        opacity: 1;
    }
    10% {
        transform:rotate(90deg);
    }
    30% {
        transform:rotate(0deg);
    }
    84% {
        opacity: 1;
    }
    100% {
        transform:rotate(0deg);
        opacity: 0;
    }
}

.performance_arrow_container._center .performance_inner_arrow {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes center_arrow_rise {
    0% {
        transform: translateY(100%);
        opacity: 1;
    }
    40% {
        transform: translateY(100%);
    }
    55% {
        transform: translateY(0%);
    }
    91% {
        opacity: 1;
    }
    100% {
        transform: translateY(0%);
        opacity: 0;
    }
}
@keyframes center_arrow_rise {
    0% {
        transform: translateY(100%);
        opacity: 1;
    }
    40% {
        transform: translateY(100%);
    }
    55% {
        transform: translateY(0%);
    }
    91% {
        opacity: 1;
    }
    100% {
        transform: translateY(0%);
        opacity: 0;
    }
}

.performance_arrow_container._right .performance_inner_arrow {
/*    animation-delay: .5s;*/
    -webkit-animation-delay: unset;
    animation-delay: unset;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    animation-duration: 8s;
}

@-webkit-keyframes rotate_arrow_clockwise {
    0% {
        transform:rotate(-90deg);
        opacity: 1;
    }
    25% {
        transform:rotate(-90deg);
    }
    45% {
        transform:rotate(0deg);
    }
    96% {
        opacity: 1;
    }
    100% {
        transform:rotate(0deg);
        opacity: 0;
    }
}
@keyframes rotate_arrow_clockwise {
    0% {
        transform:rotate(-90deg);
        opacity: 1;
    }
    25% {
        transform:rotate(-90deg);
    }
    45% {
        transform:rotate(0deg);
    }
    96% {
        opacity: 1;
    }
    100% {
        transform:rotate(0deg);
        opacity: 0;
    }
}

.text_box_title {
    color: #69a6ff;
    line-height: 1.1;
    max-width: 100%;
}

.text_box_blue {
    font-size: 0.65em;
    color: #69a6ff;
    font-style: normal; 
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 0.4em;
    max-width: 100%;
}

.text_box_text {
    max-width: 100%;
    color: #bfbfbf;
}

.full_model_content[data-model="E980"] .info_card .info_text .i18n, 
.full_model_content[data-model="E950"] .info_card .info_text .i18n,
.front_page[data-withscript="u1f573ccd-1109"] .info_card .info_text .i18n {
    color: #69a6ff;
    line-height: 1.1;
    font-family: AppFontBold;
}

.full_model_content[data-model="E980"] .info_card .text_box_blue .i18n, 
.full_model_content[data-model="E950"] .info_card .text_box_blue .i18n,
.front_page[data-withscript="u1f573ccd-1109"] .info_card .text_box_blue .i18n  {
    font-size: 1em;
    color: #69a6ff;
    font-style: normal;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 0.4em;
    font-family: AppFont;
}

.full_model_content[data-model="E980"] .info_card .text_box_text .i18n, 
.full_model_content[data-model="E950"] .info_card .text_box_text .i18n,
.front_page[data-withscript="u1f573ccd-1109"] .info_card .text_box_text .i18n {
    color: #bfbfbf;
    font-family: AppFont;
    line-height: 1.3;
    font-size: 1em;
}


/*<------------ Renee edits to hotspot widths ------------>*/

/*<---- E950 ---->*/
.hotspot[data-hotspot="u1f5879d5-1015"] .hs_text_box {
    width: 12.5em;
}
.hotspot[data-hotspot="u1f5879d5-1011"] .hs_text_box {
    left: -1.6em;
}
.hotspot[data-hotspot="u1f5879d5-1013"] .hs_text_box {
    width: 12.2em;
}
.hotspot[data-hotspot="u1f5879d5-1012"] .hs_text_box {
    left: -0.9em;
    width: 10.5em;
}

.hotspot[data-hotspot="u1f5879d5-1020"] .hs_text_box {
    width: 9.8em;
    left: -4.2em;
}

.hotspot[data-hotspot="u1f5879d5-1019"] .hs_text_box {
    width: 15.7em;
}

.hotspot[data-hotspot="u1f5879d5-1008"] .hs_text_box {
    width: 21.5em;
    left: -10em;
}

/*<---- E980 ---->*/

.hotspot[data-hotspot="u1f59d990-1024"] .hs_text_box {
    width: 22em;
    left: -10em;    
}
.hotspot[data-hotspot="u1f59d990-1025"] .hs_text_box {
    width: 14.4em;
    left: -6.5em;
}

.hotspot[data-hotspot="u1f59d990-1027"] .hs_text_box {
    width: 18em;
    left: -8em;
    bottom: 3em;
}
.hotspot[data-hotspot="u1f59d990-1027"] .hs_line {
    height: 0.5em;
}
.hotspot[data-hotspot="u1f59d990-1028"] .hs_text_box {
    width: 34em;
    left: -14em;
}
.hotspot[data-hotspot="u1f61994a-1007"] .hs_text_box {
    width: 15.5em;
    left: -7em;
}

.front_page.display.view[data-withscript="u1f5f0c94-1035"] .info_card.show {
    width: 21em;
    left: calc(50% - 13em);
}
.front_page.display.view[data-withscript="u1f5f0c94-1035"] .info_card.close_mode {
    -webkit-transform: translateX(-50vw) translateX(-10.5em);
    -moz-transform: translateX(-50vw) translateX(-10.5em);
    transform: translateX(-50vw) translateX(-10.5em);
}

.hotspot[data-hotspot="u1f59d990-1031"] .hs_text_box {
    width: 18em;
    left: -8em;
}
.hotspot[data-hotspot="u1f5a0e79-1002"] .hs_text_box {
    width: 20em;
    left: -9em;
}
.hotspot[data-hotspot="u1f59d990-1032"] .hs_text_box {
    width: 16.8em;
    left: -7.7em;
}
.hotspot[data-hotspot="u1f59d990-1034"] .hs_text_box {
    width: 4em;
    left: -1.4em;
}
.hotspot[data-hotspot="u1f59d990-1033"] .hs_text_box {
    width: 23em;
    left: -11em;
}

.hotspot[data-hotspot="u1f59d990-1035"] .hs_text_box {
    width: 4em;
    left: -1.4em;
}
.hotspot[data-hotspot="u1f59d990-1036"] .hs_text_box {
    width: 5.4em;
    left: -2em;
}
.hotspot[data-hotspot="u1f59d990-1037"] .hs_text_box {
    width: 2.9em;
    left: -0.8em;
}

.hotspot[data-hotspot="u1f59d990-1041"] .hs_text_box {
    width: 14.6em;
}
.hotspot[data-hotspot="u1f59d990-1040"] .hs_text_box {
    width: 16.1em;
    left: -7.4em;
}
.hotspot[data-hotspot="u1f59d990-1043"] .hs_text_box {
    width: 8em;
    left: -3.5em;
}
.hotspot[data-hotspot="u1f59d990-1042"] .hs_text_box {
    width: 12.4em;
}



/*<---- S924 ---->*/
.hotspot[data-hotspot="u1e7a15b9-1004"] .hs_text_box {
    width: 15em;
    left: -4em;
}
.hotspot[data-hotspot="u1e7a15b9-1002"] .hs_text_box {
    width: 8.6em;
    left: -3.6em;
}
.hotspot[data-hotspot="u1e7a15b9-1003"] .hs_text_box {
    width: 5.6em;
    left: -2.3em;
}
.hotspot[data-hotspot="u1e7a15b9-1006"] .hs_text_box {
    width: 16em;
    left: -7em;
}
.hotspot[data-hotspot="u1e7a15b9-1005"] .hs_text_box {
    width: 11em;
    left: -5em;
}


.hotspot[data-hotspot="u1e7a15b9-1014"] .hs_text_box {
    width: 9em;
}
.hotspot[data-hotspot="u1e7a15b9-1013"] .hs_text_box {
    width: 19em;
    left: -9em;
}
.hotspot[data-hotspot="u1e7a15b9-1015"] .hs_text_box {
    width: 24.6em;
    left: -11em;
}
.hotspot[data-hotspot="u1e7a15b9-1016"] .hs_text_box {
    width: 12.8em;
}
.front_page[data-withscript="u1e730a8f-1047"] .hotspot[data-hotspot="u1e7a15b9-1012"] .hs_text_box {
    width: 29.4em;
    left: -13em;
    bottom: 2.8em;
}
.front_page[data-withscript="u1e730a8f-1047"] .hotspot[data-hotspot="u1e7a15b9-1012"] .hs_line {
    height: 0.3em;
}

.front_page[data-withscript="u1e730a8f-1047"] .hotspot[data-hotspot="u1e7a15b9-1011"] .hs_text_box {
    width: 16em;
    left: -7.5em;
}

.front_page[data-withscript="u1e730a8f-1049"] .hotspot[data-hotspot="u1e7a15b9-1011"] .hs_text_box {
    width: 20.4em;
}

.front_page[data-withscript="u1e730a8f-1052"] .hotspot[data-hotspot="u1e7a15b9-1012"] .hs_text_box {
    width: 29.4em;
    left: -18.4em;
}

.hotspot[data-hotspot="u1e7a15b9-1009"] .hs_text_box {
    width: 7.8em;
    left: -2em;
}
.hotspot[data-hotspot="u1e7a15b9-1010"] .hs_text_box {
    width: 29.4em;
    left: -21.4em;
}
.hotspot[data-hotspot="u1e7a15b9-1008"] .hs_text_box {
    width: 20em;
    left: -9.4em;
}
.hotspot[data-hotspot="u206c1b3f-1004"] .hs_text_box {
    width: 11em;
    left: -3em;
}


.fp_text {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
