/**Steps**/

/**Step 1**/

.step1 #background-image-fader{
    background-image: url("../../../assets/sales/sales-4.png");
}

#step-1-content h1{
    position: absolute;
    top: 197px;
    left: 615px;
    font-size: 48px;
    font-weight: bold;
}
#hover-help-step-1{
    width: 627px;
    top:282px;
    left:614px;
}
/**Step 2**/

.step2 #background-image-fader{
    background-image: url("../../../assets/sales/sales-5.png");
}

#step-2-content{
    position: absolute;
    top: 120px;
    left: 230px;
    width:940px
}
#step-2-content .content-right{
    width: 645px;
    position: absolute;
    right: 3px;
    top: -47px;
}
#step-2-content ul{
    margin-bottom: 0;
    height: 356px;
    width: 115%;
}
#step-2-content ul li{
    padding-left: 15px;
    height: 80px;
    width: 100%;
    margin-bottom: 5.6px;
    position: relative;
}
#step-2-content ul li span{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left:19px;
}
#step-2-content .clear-bttn{
    margin-left: 0;
}

/**Step 3**/
.step3 #background-image-fader{
    background-image: url("../../../assets/sales/sales-6.png");
}

#hover-help-step-3{
    top: 379px;
    left: 846px;
    width: 517px;
}
#hover-help-step-3 .helper-arrow-down{
 left: 466px;
}
#hover-help-step-3a{
   top: 526px;
    left: 746px;
    width: 596px;
}
#hover-help-step-3a .helper-arrow-down{
 left: 544px;
}
#hover-help-step-3b{
    top:66px;
    left:755px;
    width: 584px;
}

#step-3-scroller{
    width: 1398px;
    height: 536px;
    top: 163px;
}
/**Step 4**/
.step4 #background-image-fader{
    background-image: url("../../../assets/sales/sales-9.png");
}

#hover-help-step-4{
    top: 130px;
    left: 779px;
    width: 556px;
}
#hover-help-step-4 .helper-arrow-up{
    left:506px
}
.step-4-bttn{
    width: 128px;
    height: 44px;
    top:453px;
    left:486px;
}
/**Step 5 **/
.step5 #background-image-fader{
    background-image: url("../../../assets/sales/sales-10.png");
}
#hover-help-step-5{
    top: 130px;
    left: 925px;
    width: 282px;
}
#step-5-click{
    width: 72px;
    height: 71px;
    top:126px;
    left:1265px;
}
#step-5-click:hover{
    background-image: url("../../../assets/marketing/mrtg-7-selected.png");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center;
}
/**Step 6 **/
.step6 #background-image-fader{
    background-image: url("../../../assets/sales/sales-11.png");
}
#step-6-click{
    top: 343px;
    left: 755px;
    width: 108px;
    height: 109px;
    background-image: url("../../../assets/sales/sales-11-unselected.png");
}
#step-6-click:hover{
      background-image: url("../../../assets/sales/sales-11-selected.png"); 
}

#hover-help-step-6{
    top: 370px;
    left: 281px;
    width: 409px;
    z-index: 5;
}

/**Step 7 **/
.step7 #background-image-fader{
    background-image: url("../../../assets/sales/sales-12.png");
}
#step-7-click{
    top:150px;
    left:237px;
  width: 136px;
  height: 44px;
  border-radius: 22px;  
}


#hover-help-step-7{
    top: 141px;
    left: 430px;
    width: 456px;
    z-index: 5;
}
/**Step 8 **/
.step8 #background-image-fader{
    background-image: url("../../../assets/sales/sales-13.png");
}
#hover-help-step-8{
    width: 281px;
    top: 314px;
    left: 360px;
}
#step-8-click{
    top: 190px;
    left: 351px;
    width: 66px;
    height: 74px;
  background-image: url("../../../assets/marketing/mrtg-10-unselected.png");
        background-size: 66px 74px;
    background-repeat: no-repeat;
    background-position:center;
}
#step-8-click:hover{
    background-image: url("../../../assets/marketing/mrtg-10-hover.png");

}

/**Step 9 **/
.step9 #background-image-fader{
    background-image: url("../../../assets/sales/sales-14.png");
}
#hover-help-step-9{
  width: 465px;
    left:907px;
    top: 379px;
}

#step-9-click{
    width: 108px;
    height: 108px;
    left: 874px;
    top: 212px;
    background-image: url("../../../assets/sales/sales-14-unselected.png");
}
#step-9-click:hover, #step-9-click.load{
        background-image: url("../../../assets/sales/sales-14-selected.png");

}
/**Step 10 **/
.step10 #background-image-fader{
    background-image: url("../../../assets/sales/sales-15.png");
}
#hover-help-step-10{
    width: 440px;
    left: 563px;
    top: 142px;
}

#step-10-click{
    width: 129px;
    height: 44px;
    border-radius: 22px;
    left: 376px;
    top: 152px;
}

/**Step 11 **/
.step11 #background-image-fader{
    background-image: url("../../../assets/sales/sales-16.png");
}
#hover-help-step-11{
    width: 294px;
    left: 801px;
    top: 322px;

}
#step-11-click{
    top: 193px;
    left: 794px;
    width: 65px;
    height: 78px;
    background-image: url(../../../assets/marketing/mrtg-13-unselected.png);
    background-repeat: no-repeat;
    background-position: center;
}
#step-11-click:hover{
      background-image: url("../../../assets/marketing/mrtg-13-hover.png");
    background-position: center;
    background-repeat: no-repeat;
}

/**Step 12 **/
.step12 #background-image-fader{
    background-image: url("../../../assets/sales/sales-17.png");
}
#hover-help-step-12{
    width: 498px;
    left: 790px;
    top: 168px;

}
/**Step 13 **/
.step13 #background-image-fader{
    background-image: url("../../../assets/sales/sales-18.png");
}
#step-13-content{
    position: absolute;
    top: 133px;
    left: 230px;
    width:940px
}
#step-13-content h2{
    font-size: 42px;
    font-weight: bold;
}
#step-13-content p{
    font-size: 24px;
    line-height: 36px;
}
#step-13-content .content-right{
    width: 645px;
    position: absolute;
    right: 21px;
    top: 107px;
}
#step-13-content .clear-bttn{
    margin-top: 139px;
    margin-left: -17px;
}
/**Step 14 **/
.step14 #background-image-fader{
    background-image: url("../../../assets/sales/sales-19.png");
}

#hover-help-step-14{
    top:284px;
    left: 98px;
    width: 584px;
}

/**Step 15 **/
.step15 #background-image-fader{
    background-image: url("../../../assets/sales/sales-20.png");
}

#hover-help-step-15{
    top: 184px;
    left: 164px;
    width: 556px;
}
#step-15-click{
  width: 148px;
  height: 47px;
    top:86px;
    left:162px;
}

/**Step 16 **/
.step16 #background-image-fader{
  background-image: url("../../../assets/sales/sales-21.png");
}
#hover-help-step-16{
    top: 201px;
    left:354px;
    width: 506px;
}
#step-16-click{
     width: 125px;
    height: 38px;
    top: 215px;
    left:172px;
}

/**Step 17 **/
.step17 #background-image-fader{
    background-image: url("../../../assets/sales/sales-22.png");
}
#hover-help-step-17{
    top: 208px;
    left: 350px;
    width: 583px;
}
#step-17-highlight{
  width: 180px;
  height: 111px;
 top:138px;
    left: 959px;
}
/**Step 18 **/
.step18 #background-image-fader{
     background-image: url("../../../assets/sales/sales-22.png");
}
#hover-help-step-18{
    top:211px;
    left:354px;
    width: 584px;
}
#step-18-highlight{
    width: 223px;
    height: 111px;
    top: 138px;
    left: 50px;
}
#step-18a-highlight{
  width: 200px;
  height: 111px;
 top:138px;
left: 1182px;
}


/**Step 19 **/
.step19 #background-image-fader{
    background-image: url("../../../assets/sales/sales-24.png");
}
#step-19-content{
    position: absolute;
    top: 133px;
    left: 230px;
    width:940px
}
#step-19-content h2{
    font-size: 42px;
    font-weight: bold;
}
#step-19-content p{
    font-size: 24px;
    line-height: 36px;
}
#step-19-content .content-right{
    width: 645px;
    position: absolute;
    right: 21px;
    top: 107px;
}
#step-19-content .clear-bttn{
    margin-top: 139px;
}

/**Step 20 **/
.step20 #background-image-fader{
    background-image: url("../../../assets/sales/sales-25.png");
}
#hover-help-step-20{
    top: 356px;
    left: 275px;
    width: 562px;
}
#step-20-click{
    width: 148px;
    height: 28px;
    left: 231px;
    top: 671px;
}
/**Step 21 **/
.step21 #background-image-fader{
    background-image: url("../../../assets/sales/sales-26.png");
}
#step-21-highlight{
 width: 129px;
height: 321px;
    top: 322px;
    left: 513px;
}
#hover-help-step-21{
    top:366px;
    left:702px;
    width: 583px;
}
/**Step 22 **/
.step22 #background-image-fader{
    background-image: url("../../../assets/sales/sales-27.png");
}
#step-22-click{
  width:25px;
  height: 261px;
    top: 355px;
    left: 576px;
}
#hover-help-step-22{
    top:366px;
    left: 659px;
    width: 583px;
}


/**Step 23 **/
.step23 #background-image-fader{
    background-image: url("../../../assets/sales/sales-28.png");
}

#step-23-click{
    width: 156px;
    height: 24px;
    top: 310px;
    left: 586px
}
#hover-help-step-23{
    width: 584px;
    top: 291px;
    left: 799px;
}

/**Step 24 **/
.step24 #background-image-fader{
    background-image: url("../../../assets/sales/sales-29.png");
}
#hover-help-step-24{
    top: 208px;
    left: 836px;
    width: 516px;
}
#step-24-highlight{
    width: 588px;
    height: 233px;
    top: 438px;
    left: 780px;
}
/**Step 25 **/
.step25 #background-image-fader{
    background-image: url("../../../assets/sales/sales-29.png");
}
#hover-help-step-25{
    top: 355px;
    left: 873px;
    width: 516px;
}
#hover-help-step-25 .helper-arrow-up{
    left:465px
}
#step-25-highlight{
    width: 300px;
    height: 173px;
    top: 132px;
    left: 1091px;
}

/**Step 26 **/
.step26 #background-image-fader{
    background-image: url("../../../assets/sales/sales-29.png");
}
#hover-help-step-26{
    top: 288px;
    left: 456px;
    width: 516px;
}

/**Step 27 **/
.step27 #background-image-fader{
    background-image: url("../../../assets/sales/sales-32.png");
}
#step-27-content{
    position: absolute;
    top: 133px;
    left: 230px;
    width:940px
}
#step-27-content h2{
    font-size: 42px;
    font-weight: bold;
}
#step-27-content p{
    font-size: 24px;
    line-height: 36px;
}
#step-27-content .content-right{
    width: 645px;
    position: absolute;
    right: 21px;
    top: 107px;
}
#step-27-content .clear-bttn{
    margin-top: 139px;
    margin-left: -17px;
}
/**Step 28 **/
.step28 #background-image-fader{
    background-image: url("../../../assets/sales/sales-33.png");
}
#hover-help-step-28{
    top: 348px;
    left: 513px;
    width: 515px;
}
/**Step 29 **/
.step29 #background-image-fader{
    background-image: url("../../../assets/sales/sales-34.png");
}
#hover-help-step-29{
    top: 304px;
    left: 508px;
    width: 611px;
}
#step-29-click{
    width: 284px;
    height: 85px;
    top: 294px;
    left: 142px;
    border-radius: 7px;
}
/**Step 30 **/
.step30 #background-image-fader{
    background-image: url("../../../assets/sales/sales-35.png");
}
#hover-help-step-30{
    top: 244px;
    left: 508px;
    width: 528px;
}
#step-30-click{
    width: 79px;
    height: 57px;
    top: 587px;
    left: 281px;
}
#hover-help-step-30 .helper-arrow-left{
    top:340px;
}
/**Step 31 **/
.step31 #background-image-fader{
    background-image: url("../../../assets/sales/sales-36.png");
}
#hover-help-step-31{
    top: 317px;
    left: 508px;
    width: 560px;
}
/**Step 32 **/
.step32 #background-image-fader{
    background-image: url("../../../assets/sales/sales-37.png");
}
#hover-help-step-32{
    top: 299px;
    left: 508px;
    width: 475px;
}
#hover-help-step-32 .helper-arrow-left{
    top:278px
}
#step-32-click{
    width: 79px;
    height: 57px;
    top: 587px;
    left: 209px;
}
#step-32-highlight{
        width: 183px;
    height: 39px;
    top: 146px;
    left: 240px;
}
/**Step 33 **/
.step33 #background-image-fader{
    background-image: url("../../../assets/sales/sales-38.png");
}
#hover-help-step-33{
    top: 343px;
    left: 508px;
    width: 584px;
}
/**Step 34 **/
.step34 #background-image-fader{
    background-image: url("../../../assets/sales/sales-39.png");
}