/* CSS Meyer Reset for training-container div*/
    
    #training-container html,
    #training-container body,
    #training-container div,
    #training-container span,
    #training-container applet,
    #training-container object,
    #training-container iframe,
    #training-container h1,
    #training-container h2,
    #training-container h3,
    #training-container h4,
    #training-container h5,
    #training-container h6,
    #training-container p,
    #training-container blockquote,
    #training-container pre,
    #training-container a,
    #training-container abbr,
    #training-container acronym,
    #training-container address,
    #training-container big,
    #training-container cite,
    #training-container code,
    #training-container del,
    #training-container dfn,
    #training-container em,
    #training-container img,
    #training-container ins,
    #training-container kbd,
    #training-container q,
    #training-container s,
    #training-container samp,
    #training-container small,
    #training-container strike,
    #training-container strong,
    #training-container sub,
    #training-container sup,
    #training-container tt,
    #training-container var,
    #training-container b,
    #training-container u,
    #training-container i,
    #training-container center,
    #training-container dl,
    #training-container dt,
    #training-container dd,
    #training-container ol,
    #training-container ul,
    #training-container li,
    #training-container fieldset,
    #training-container form,
    #training-container label,
    #training-container legend,
    #training-container table,
    #training-container caption,
    #training-container tbody,
    #training-container tfoot,
    #training-container thead,
    #training-container tr,
    #training-container th,
    #training-container td,
    #training-container article,
    #training-container aside,
    #training-container canvas,
    #training-container details,
    #training-container embed,
    #training-container figure,
    #training-container figcaption,
    #training-container footer,
    #training-container header,
    #training-container hgroup,
    #training-container menu,
    #training-container nav,
    #training-container output,
    #training-container ruby,
    #training-container section,
    #training-container summary,
    #training-container time,
    #training-container mark,
    #training-container audio,
    #training-container video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    
    #training-container article,
    #training-container aside,
    #training-container details,
    #training-container figcaption,
    #training-container figure,
    #training-container footer,
    #training-container header,
    #training-container hgroup,
    #training-container menu,
    #training-container nav,
    #training-container section {
        display: block
    }
    
    body {
        line-height: 1
    }
    
    #training-container ol,
    #training-container ul {
        list-style: none
    }
    
    #training-container blockquote,
    #training-container q {
        quotes: none
    }
    
    #training-container blockquote:before,
    #training-container blockquote:after,
    #training-container q:before,
    #training-container q:after {
        content: '';
        content: none
    }
    
    #training-container table {
        border-collapse: collapse;
        border-spacing: 0
    }
    /* Import specific fonts */
    
    @import url(http://fonts.googleapis.com/css?family=Titillium+Web:900|Roboto:400,100);

    .hidden-questions-button,
    .mobile-arrow {
        display: none!important
    }
    
   
    /*CSS sizing and styling of the #training-container div*/
    
    #training-container {
        font-family: 'SophosSansRegular', 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        width: 1200px;
        height: 750px;
        position: relative;
        overflow: hidden;
        color: #fff;
        background-color: #152F3C;
        margin: auto auto;
        text-align: left;
    }
    /*CSS for training module*/
    
    #ransomwareInt {
        position: relative;
    }
    
    #ransomwareInt h1 {
        font-weight: 100;
        font-size: 1.2em;
        text-transform: uppercase;
        margin: 0px;
        position: absolute;
        top: 25px;
        left: 40px;
    }
    
    #ransomwareInt h1 span {
        display: block;
        font-weight: 900;
        font-family: 'Titillium Web', sans-serif;
        font-size: 3.2em;
        line-height: 65px;
        color: gold;
    }
    
    #ransomwareInt p {
        margin: 0px 0px 10px 0px
    }

    /* Proggress Bar*/
    
    #ransomwareInt .training-progress {
        width: 650px;
        height: 85px;
        background-color: rgba(64, 94, 174, .0);
        position: absolute;
        top: 23px;
        left: 520px;
    }
    
    #ransomwareInt .training-progress div {
        position: relative;
        display: inline-block;
/*        background: url(./images/padlock-body.png) no-repeat 0px 10px;*/
        
/*        background: url(https://app.phishthreat.com/blob/image/UUtMalRTN2xna1E90) no-repeat 0px 10px;*/
        background: url(https://sophos-phish-threat.go-vip.co/wp-content/uploads/2018/01/padlock-body.png) no-repeat 0px 10px;
        width: 65px;
        height: 85px;
        margin-right: 20px;
        padding-bottom: 5px;
        transition: background-color 1s;
    }
    
    #ransomwareInt .training-progress div::after {
        content: '';
        display: block;
        position: absolute;
        top: -60px;
        left: -18px;
        width: 65px;
        height: 50px;
/*        background: url(./images/padlock-bar.png) no-repeat 18px 10px;*/
/*        background: url(https://app.phishthreat.com/blob/image/MkJmeHdKdlpXbFU90) no-repeat 18px 10px;*/
        background: url(https://sophos-phish-threat.go-vip.co/wp-content/uploads/2018/01/padlock-bar.png) no-repeat 18px 10px;
        transition: opacity 1s, top 1s;
        opacity: 0;
    }
    
    #ransomwareInt .training-progress div.on::after,
    #ransomwareInt .training-progress div.answered::after {
        top: -10px;
        opacity: 1;
    }
    
    #ransomwareInt .training-progress div.correct::after {
        top: -0px;
        opacity: 1;
    }
    /* Slide Window Positioning */
    
    #ransomwareInt .slide-container {
        width: 1200px;
        height: 650px;
        position: absolute;
        top: 100px;
        left: 0px;
        transition: .5s ease-in, transform .5s ease-out;
    }
    /* Intro Slide */
    
    #ransomwareInt .intro {
        position: absolute;
        top: 0px;
        left: 1200px;
        width: 1200px;
    }
    
    #ransomwareInt .intro img {
        position: absolute;
        top: 0px;
        left: 350px;
    }
    
    #ransomwareInt .intro p.txt {
        font-size: 1.9em;
        position: absolute;
        top: 500px;
        left: 280px;
    }
    
    #ransomwareInt .intro div.slide-selector {
        width: inherit;
        height: 100px;
        position: absolute;
        top: 550px;
        left: 0px;
        text-align: center;
    }
    
    #ransomwareInt .intro .slide-selector p.start-btn {
        font-size: 2em;
        display: inline-block;
        background-color: navy;
        color: #fff;
        text-decoration: none;
        padding: 5px 15px;
        border-radius: 6px;
        cursor: pointer;
        margin: 20px;
        transition: .5s ease-in, transform .5s ease-out;
    }
    
    #ransomwareInt .intro .slide-selector p.start-btn:hover {
        background-color: firebrick;
        transform: scale(1.2);
        cursor: pointer;
    }
    
    #ransomwareInt .slide0 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        left: 1200px;
    }
    /* Slide Message Styling */
    
    #ransomwareInt .slide-container .slide-message-window {
        height: 489px;
        width: 400px;
        position: absolute;
        top: 60px;
        left: 40px;
        background-color: aliceblue;
        border-radius: 15%;
        border: 5px navy solid;
        border-style: inset;
        overflow: hidden;
    }
    
    #ransomwareInt .slide-container .slide-message-window p {
        color: black;
        margin: 30px;
        font-size: 1.5em;
        font-weight: 400;
    }
    
    #ransomwareInt .slide-message-window p.button {
        color: white;
        display: inline-block;
        width: 135px;
        background-color: firebrick;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 3em;
        transition: .5s ease-in-out;
    }
    
    #ransomwareInt .slide-message-window p.button:hover {
        cursor: pointer;
        background-color: navy;
    }
    /* Monitor Container Styling and Positioning */
    
    #ransomwareInt .slide-container .slide-content-window {
/*        background: url(images/MonitorBackground.png) no-repeat 0px 0px;*/
        background: url(https://admin.phishthreat.com/blob/image/WlVOTWJuK1pzY3M90) no-repeat 0px 0px;
        background-size: 700px;
        height: 489px;
        width: 700px;
        position: absolute;
        top: 60px;
        right: 40px;
    }
    /* Desktop Container Styling and Positioning */
    
    #ransomwareInt div.monitor-screen {
        height: 372px;
        width: 656px;
        /*    border: 5px solid red;*/
        position: absolute;
        top: 26px;
        left: 20px;
        overflow: hidden;
/*        background: url(images/desktop-background-image1.jpeg);*/
        background: url(https://admin.phishthreat.com/blob/image/RHNXQ3dnTHlQM1U90);
        background-size: cover;
        cursor: url(images/desktop-cursor.png), auto;
        transition: 1 ease-in, transform .5s ease-out;
    }
    
    #ransomwareInt div.monitor-screen div.trash {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 20px;
        left: 20px;
    }
    
    #ransomwareInt div.monitor-screen div.email {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 80px;
        left: 20px;
    }
    
    #ransomwareInt div.monitor-screen div.internet {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 140px;
        left: 20px;
    }
    
    #ransomwareInt div.monitor-screen div.icon img {
        transition: .2s ease-in-out;
    }
    
    #ransomwareInt div.monitor-screen div.icon img:hover {
        transform: scale(1.2);
        cursor: pointer;
    }
    
    #ransomwareInt div.monitor-screen .icon img.new-email {
        animation-name: bounce;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        cursor: pointer;
    }
    /* Message box and Monitor screen content styling */
    /* message-1 Log In Screen Message Box */
    
    #ransomwareInt .message-1 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out
    }
    /* activeMonitor=-1 Log In Screen */
    
    #ransomwareInt .monitor-1 {
        height: inherit;
        width: inherit;
/*        background: url(images/desktop-background-image1.jpeg) no-repeat;*/
        background: url(https://admin.phishthreat.com/blob/image/RHNXQ3dnTHlQM1U90) no-repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: opacity .1s ease-in-out;
    }
    
    #ransomwareInt .monitor-1 img {
        position: absolute;
        top: 80px;
        left: 275px;
    }
    
    #ransomwareInt .monitor-1 p {
        font-size: 1.5em;
        position: absolute;
        top: 200px;
        left: 270px;
        display: inline-block;
        cursor: pointer;
        background-color: navy;
        color: #fff;
        text-decoration: none;
        padding: 5px 15px;
        border-radius: 6px;
    }
    /* activeMonitor=0 */
    
    #ransomwareInt div.monitor-screen .monitor0 {
        position: absolute;
        top: 0px;
        left: 0px;
        transition: opacity .1s ease-in-out;
    }
    /* activeMessage=0 Alert Screen Message Box */
    
    #ransomwareInt .message0 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out
    }
    /* activeMessage=1 Opened Email Screen Message Box */
    
    #ransomwareInt .message1 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    /*  activeMessage=2 Phish Message */
    
    #ransomwareInt .message2 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    /* activeMessage=3 begin ransomware exercise */
    
    #ransomwareInt .message3 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    
    #ransomwareInt .message3 p.button {
        width: 230px;
        text-align: center;
        margin-left: 75px;
        margin-top: 0px;
        font-size: 2em;
    }
    /* activeMessage=4 click-attachment */
    
    #ransomwareInt .message4 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    /* activeMessage=5 Protected View */
    
    #ransomwareInt .message5 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    
    #ransomwareInt .message5 p.button {
        width: 230px;
        text-align: center;
        margin-left: 75px;
        margin-top: 0px;
        font-size: 2em;
    }
    /* activeMessage=6 Enable Editing */
    
    #ransomwareInt .message6 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    
    #ransomwareInt .message6 p.button {
        width: 230px;
        text-align: center;
        margin-left: 75px;
        margin-top: 0px;
        font-size: 2em;
    }
    /* activeMessage=7  */
    
    #ransomwareInt .message7 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: left 1.5s ease-in-out;
    }
    /* activeMonitor=1 Email Alert Screen */
    
    #ransomwareInt .monitor1 {
/*        background: url(images/EmailBackGround.png) no-repeat 0px 0px;*/
        background: url(https://admin.phishthreat.com/blob/image/bjk3bldQYlR3aXM90) no-repeat 0px 0px;
        background-size: 900px;
        height: 280px;
        width: 600px;
        color: black;
        font-size: .8em;
        position: absolute;
        top: 60px;
        left: 0px;
        margin-left: 15px;
        transition: opacity .1s ease-in-out;
    }
    
    #ransomwareInt .monitor1 img.left-arrow-on {
        position: absolute;
        top: 77px;
        left: 265px;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.header {
        position: absolute;
        top: 10px;
        left: 30px;
        font-size: 2.5em;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.question {
        position: absolute;
        top: 310px;
        left: 30px;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.to-email {
        position: absolute;
        top: 82px;
        left: 30px;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.from-email {
        position: absolute;
        top: 30px;
        left: 98px;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.subject-email {
        position: absolute;
        top: 60px;
        left: 98px;
        font-weight: bolder;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.content-email {
        position: absolute;
        top: 140px;
        left: 10px;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.word-email {
        position: absolute;
        top: 108px;
        left: 278px;
    }
    
    #ransomwareInt .monitor-screen .monitor1 p.excel-email {
        position: absolute;
        top: 108px;
        left: 110px;
    }
    /* activeMonitor=2 Opened Malicious attachment monitor screen */
    
    #ransomwareInt .monitor2 {
        width: 570px;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 40px;
    }
    
    #ransomwareInt .monitor2 img.document {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
    }
    
    #ransomwareInt .monitor2 div.indicate {
        border: 5px solid red;
        transition: 2s ease-in-out;
        position: absolute;
        z-index: 1;
    }
    
    #ransomwareInt .monitor2 div.protected-view {
        position: absolute;
        top: 42px;
        left: 0px;
        height: 40px;
        width: 102px;
        transition: 2s ease-in-out;
    }
    
    #ransomwareInt .monitor2 div.enable-editing {
        position: absolute;
        top: 51px;
        left: 466px;
        height: 25px;
        width: 80px;
        transition: 2s ease-in-out;
        cursor: pointer;
    }
    
    #ransomwareInt .monitor2 img.arrow {
        z-index: 1;
    }
    
    #ransomwareInt .monitor2 img.protected-view {
        position: absolute;
        top: 25px;
        left: 80px;
    }
    
    #ransomwareInt .monitor2 img.enable-editing {
        position: absolute;
        top: 25px;
        left: 520px;
    }
    /* activeMonitor=3 */
    
    #ransomwareInt .monitor3 {
        width: 570px;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: 40px;
    }
    /* Styling for questions */
    
    #ransomwareInt div.question {
        width: inherit;
        height: 250px;
        position: absolute;
        top: 220px;
        left: 0px;
    }
    
    #ransomwareInt div.question p {}
    
    #ransomwareInt div.question p.button {
        color: white;
        display: inline-block;
        width: 135px;
        background-color: firebrick;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 3em;
        transition: left 1.5s ease-in-out;
        transition-delay: 3s;
    }
    
    #ransomwareInt div.question p.button:hover {
        cursor: pointer;
        background-color: navy;
    }
    
    #ransomwareInt div.question p.object {
        margin: auto auto;
        text-align: center;
        width: 360px;
        font-size: 3em;
        border-radius: 5px;
    }
    /* question0 */
    
    #ransomwareInt div.question0 {
        width: inherit;
        height: 250px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    #ransomwareInt div.question0 p.object {
        background-color: rgba(250, 0, 0, .25);
        border: 5px inset red;
    }
    /* question1 */
    
    #ransomwareInt div.question1 {
        width: inherit;
        height: 250px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    #ransomwareInt div.question1 p.object {
        background-color: rgba(250, 0, 0, .25);
        border: 5px inset red;
    }
    /* question2 */
    
    #ransomwareInt div.question2 {
        width: inherit;
        height: 250px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    #ransomwareInt div.question2 p.object {
        background-color: rgba(0, 250, 0, .25);
        border: 5px inset red;
    }
    /* question3 */
    
    #ransomwareInt div.question3 {
        width: inherit;
        height: 250px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    #ransomwareInt div.question3 p.object {
        background-color: rgba(0, 0, 250, .25);
        border: 5px inset red;
    }
    /* activeSlide=1 2nd training slide */
    
    #ransomwareInt .slide1 {
        width: inherit;
        height: inherit;
        position: absolute;
        top: 0px;
        left: 1200px;
        transition: .5s ease-in, transform .5s ease-out;
    }
    
    #ransomwareInt .slide1 .content-slide {
        /*    border: 5px solid red;*/
        width: inherit;
        height: 530px;
        position: absolute;
        top: 30px;
        left: 0px;
    }
    
    #ransomwareInt .slide1 .content-slide p.header {
        /*    border: 5px solid green;*/
        text-align: center;
        margin: 10px;
        margin-left: 40px;
        margin-right: 40px;
        padding: 10px;
        transition: 1s ease-in-out;
        font-size: 3em;
    }
    
    #ransomwareInt .slide1 .content-slide p.description {
        /*    border: 5px solid blue;*/
        margin: 10px;
        margin-left: 40px;
        margin-right: 40px;
        padding: 10px;
        transition: 1.5s ease-in-out;
        font-size: 1.8em;
    }
    
    #ransomwareInt .slide1 .content-slide ul {
        /*    border: 5px solid purple;*/
        transition: 2s ease-in-out;
        margin: 10px;
        margin-left: 40px;
        margin-right: 40px;
        padding: 10px;
        font-size: 1.5em;
    }
    
    #ransomwareInt .slide1 .content-slide li {
        /*    border: 5px solid yellow;*/
        margin: 5px;
        padding: 5px;
        color: gold;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item1 {
        transition: 2.1s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item2 {
        transition: 2.2s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item3 {
        transition: 2.3s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item4 {
        transition: 2.4s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item5 {
        transition: 2.5s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item6 {
        transition: 2.6s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item7 {
        transition: 2.7s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide li.list-item8 {
        transition: 2.8s ease-in-out;
    }
    /* Training 2 footer-nav positioning and styling */
    
    #ransomwareInt .slide1 div.footer-nav {
        height: 100px;
        width: inherit;
        position: absolute;
        bottom: 0px;
        border-top: 3px inset rgba(0, 150, 250, .25);
    }
    
    #ransomwareInt .slide1 div.footer-nav p.btn {
        color: white;
        display: inline-block;
        width: 150px;
        background-color: firebrick;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 2em;
        margin: 20px;
        transition: .5s ease-in-out;
    }
    
    
    #ransomwareInt .slide1 div.footer-nav a.answer-questions {
        color: white;
        display: inline-block;
        width: 300px;
        background-color: firebrick;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 1.5em;
        margin: 20px;
        transition: .5s ease-in-out;
        line-height:35px;
        text-decoration:none;
        width:300px;
        -webkit-text-size-adjust:none;
        
    }
    
    #ransomwareInt .slide1 div.footer-nav p.btn:hover,
    #ransomwareInt .slide1 div.footer-nav a.answer-questions:hover{
        cursor: pointer;
        background-color: navy;
    }
    
    #ransomwareInt .slide1 div.footer-nav .slide-progress-back {
        text-align: left;
        position: absolute;
        bottom: 0px;
        left: 0px
    }
    
    #ransomwareInt .slide1 div.footer-nav .slide-progress-next {
        text-align: right;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    /* activeMessage=100 */
    
    #ransomwareInt .slide1 .content-slide div.message100 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    /* activeMessage=101 */
    
    #ransomwareInt .slide1 .content-slide div.message101 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide div.message101 div.assorted-images {
        height: 270px;
        width: inherit;
    }
    
    #ransomwareInt .slide1 .content-slide div.message101 div.assorted-images img {
        margin: 15px;
        transition: 1.5s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide div.message101 div.assorted-images img:hover {}
    /* activeMessage=102 */
    
    #ransomwareInt .slide1 .content-slide div.message102 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    /* activeMessage=103 */
    
    #ransomwareInt .slide1 .content-slide div.message103 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    
    #ransomwareInt .slide1 .content-slide div.message103 div.article {
/*        border: 5px solid red;*/
        height: 320px;
        width: inherit;
        position: absolute;
        bottom: 0px;
        text-align: center;
    }
    
    #ransomwareInt .slide1 .content-slide div.message103 div.article img {
        margin-bottom: 0px;
    }
    /* activeMessage=104 */
    
    #ransomwareInt .slide1 .content-slide div.message104 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    /* activeMessage=105 */
    
    #ransomwareInt .slide1 .content-slide div.message105 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    /* activeMessage=106 */
    
    #ransomwareInt .slide1 .content-slide div.message106 {
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        transition: 1.5s ease-in-out;
    }
    
    .visible-questions-button {
        display: block!important
    }

/*Added for localized training*/

    #ransomwareInt p.description {
            font-size: 1.6em;
        }
/*Added for localized training*/
    
    /* Animated Classes */
    
    #ransomwareInt span {
        transition: 1.5s ease-in-out;
    }
    
    #ransomwareInt img.arrow {
        transition: left 2s ease-in-out;
        transition-delay: 5s;
    }
    
    #ransomwareInt span.indicate {
        background-color: rgb(204, 0, 0, 0.4);
        color: firebrick;
        transition: 1.5s ease-in-out;
    }
    
    #ransomwareInt .monitor1 span.indicate {
        font-size: 1.1em;
    }
    
    #ransomwareInt .monitor1 p.excel-email span.indicate {
        text-decoration: underline;
        cursor: pointer;
    }
    /* Active and Inactive positioning */
    
    #ransomwareInt .active,
    #ransomwareInt .inactive,
    #ransomwareInt .activemessage,
    #ransomwareInt .inactivemessage,
    #ransomwareInt .activequestion,
    #ransomwareInt .inactivequestion {
        transition: left 1.5s ease-in-out;
    }
    
    #ransomwareInt .activemonitor,
    #ransomwareInt .inactivemonitor {
        transition: opacity .1s ease-in-out;
    }
    
    #ransomwareInt .active {
        left: 0px;
    }
    
    #ransomwareInt .inactivemessage-right {
        left: 1200px;
    }
    
    #ransomwareInt .inactivemessage-left {
        left: -1200px;
    }
    
    #ransomwareInt .active {
        left: 0px;
    }
    
    #ransomwareInt .activemonitor {
        left: 0px;
        visibility: visible;
    }
    
    #ransomwareInt .activemessage {
        left: 0px;
    }
    
    #ransomwareInt .activequestion {
        left: 0px;
    }
    
    #ransomwareInt .intro.inactive,
    #ransomwareInt .inactive.answered {
        left: -1200px;
    }
    
    #ransomwareInt .inactivemonitor.answered {
        opacity: 0;
        visibility: hidden;
    }
    
    #ransomwareInt .inactivemessage.answered {
        left: -1200px;
    }
    
    #ransomwareInt .inactivequestion.answered {
        left: -1200px;
    }
    
    #ransomwareInt .inactive.unanswered {
        left: 1200px;
    }
    
    #ransomwareInt .inactivemonitor.unanswered {
        opacity: 0;
        visibility: hidden;
    }
    
    #ransomwareInt .inactivemessage.unanswered {
        left: 1200px;
    }
    
    #ransomwareInt .inactivequestion.unanswered {
        left: 1200px;
    }
    
    #ransomwareInt img.left-arrow-off {
        left: 1200px;
        visibility: hidden;
    }
    
    @keyframes bounce {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2);
        }
        100% {
            transform: scale(1);
        }
    }
    
    @keyframes right-left-bounce {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(10);
        }
        100% {
            transform: translateX(0);
        }
    }
    
    @keyframes indicate {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2)
        }
        100% {
            transform: scale(1)
        }
    }
    
    @keyframes slide-in {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-1200);
        }
    }
    
    @keyframes slide-out {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-1200);
        }
    }