.og1NetPayoff
{
    position:absolute;
    width:329px;
    z-index:2;
}
.og1NetPayoffText1
{
    position:absolute;
    color:red;
    margin-left: 65px;
    font-size: 85px;
    margin-top: -2px;
    opacity:0;
}
.og1NetPayoffText2
{
    position:absolute;
    color:red;
    font-size: 88px;
    margin-top: -3px;
    margin-left: 38px;
    opacity:0;
}
.og1NetPayoffText4
{
    position:absolute;
    color:green;
    font-size: 88px;
    margin-top: -5px;
    margin-left: 23px;
    opacity:0;
}
.igNetPayoff
{
    position:absolute;
    z-index:2;
    width:140px;
}
.igNetPayoffText1
{
    position:absolute;
    color:red;
    font-size: 55px;
    margin-left: 9px;
    margin-top: -9px;
    opacity:0;
}
.igNetPayoffText2
{
    position:absolute;
    color:black;
    font-size:61px;
    margin-top:-16px;
    margin-left:51px;
    opacity:0;
}
.igNetPayoffText4
{
    position:absolute;
    color:black;
    font-size: 69px;
    margin-top: -23px;
    margin-left: 49px;
    opacity:0;
}
.og2NetPayoff
{
    position:absolute;
    width:277px;
    z-index:2;
    margin-left:17px;
    margin-top:27px;
}
.og2NetPayoffText1
{
    position:absolute;
    color:green;
    font-size: 88px;
    margin-top: -32px;
    opacity:0;
}
.og2NetPayoffText2
{
    margin-top: -34px;
    position: absolute;
    color: green;
    font-size: 88px;
    margin-left: 20px;
    opacity:0;
}
.og2NetPayoffText4
{
    margin-top: -32px;
    position: absolute;
    color: green;
    font-size: 88px;
    opacity:0;
}
/*NET PAYOFF RESULTS*/
.netPayoffResultsTutorial
{
    /* position:absolute; */
    text-align:left;
    display:flex;
    flex-direction:column;
    font-size:40px;
    /* margin-top:575px; */
    font-weight:100;
    transition:0.3s;
    margin-top:-300px;
    display:none;
}
.netPayoffResultsTutorialText1
{
    z-index: 10;
    position: relative;
}
.netPayoffResultsTutorialText2
{

}
.netPayoffResultsTutorialText3
{

}
.netPayoffResultsTutorialText4
{

}
.netPayoffPart10
{
    opacity:0;
}
.netPayoffPart11
{
    opacity:0;
}
.netPayoffPart12
{
    opacity:0;
}
.netPayoffPart13
{
    opacity:0;
}
.netPayoffPart14
{
    opacity:0;
}
.netPayoffPart20
{
    opacity:0;
}
.netPayoffPart21
{
    opacity:0;
}
.netPayoffPart22
{
    opacity:0;
}
.netPayoffPart23
{
    opacity:0;
}
.netPayoffPart30
{
    opacity:0;
}
.netPayoffPart40
{
    opacity:0;
}
.netPayoffPart41
{
    opacity:0;
}
.netPayoffPart42
{
    opacity:0;
}
.netPayoffPart43
{
    opacity:0;
}
/*NET PAYOFF WHEEL*/
.netPayoffTextAndWheel
{
    opacity:0;
    margin-bottom:-500px;
    display:none;
    flex-direction: column;
    margin-top: -19px;

}
.netPayoffTextAndWheel2
{
    transition:0.5s;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    font-size:29px;
    font-weight:100;
}
.netPayoffTableLeft
{
    display:flex;
    flex-direction: row;
    padding-top:144px;
    width: 240px;
}
.netPayoffTableRight
{
    display:flex;
    flex-direction: row;
    padding-top:144px;
    width: 240px;
}
.netPayoffTableLeftTitles
{
    font-weight:400;
}
.netPayoffTableRightTitles
{
    font-weight:400;
}
.netPayoffTableLeftResults
{
    margin-left:10px;

}
.netPayoffTableRightResults
{
    margin-left:10px;

}
.netPayoffTitleRow
{
    opacity:0;
    transition:0.3s;
}
.netPayoffResultRow
{
    opacity:0;
    transition:0.3s;
}
.netPayoffWheelWrap
{
    margin-top:80px;
    display:flex;
    flex-direction:row;
    justify-content: center;
}
.netPayoffWheelWrapWrap
{
    display:flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    height: 400px;
}
.npWheel
{
    position:relative;
}
.npWheelArrow
{
    z-index:2;
    opacity:1;
    width:80px;
    height:80px;
    position: absolute;
    transform:rotate(180deg);
    margin-top:-38px;
}
.netPayoffWheelPickedResult
{
    display:none;
    opacity:0;
    font-size:28px;
    font-weight:400;
    margin-top:-105px;
}
/*-------------------------*/
.thisIsExampleWrap
{
    position:absolute;
    opacity:0;
    transition:0.3s;
    margin-left: 815px;
    margin-top:244px;
}
.thisIsExampleBox
{
    border-radius:150px;
    width:157px;
    height:62px;
    background-color: #fefec6;
    color: black;
    padding: 7px;
    border: 2px solid black;
    padding-top: 11px;
}
.thisIsExample
{
    font-size:23px;
    /* font-weight:500; */
}