/**Steps**/

/**Step 1**/

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

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

.step2 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-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 3**/
.step3 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-6.png");
}

#hover-help-step-3{
    width: 557px;
    top: 128px;
    left: 815px;
}
#hover-help-step-3 .helper-arrow-up{
    left:470px;
}
.step3-bttn{
    background-image: url("../../../assets/marketing/mrtg-6-button.png");
    width: 128px;
    height: 44px;
    top:454px;
    left:486px;
}

/**Step 4**/
.step4 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-7.png");
}

#hover-help-step-4{
    top: 130px;
    left: 925px;
    width: 282px;
}
#step-4-click{
    width: 72px;
    height: 71px;
    top:126px;
    left:1265px;
}
#step-4-click:hover{
    background-image: url("../../../assets/marketing/mrtg-7-selected.png");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center;
}

/**Step 5 **/
.step5 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-8.png");
}
#hover-help-step-5{
    top: 376px;
    left: 430px;
    width: 511px;
}
#step-5-click{
        background-image: url("../../../assets/marketing/mrtg-8-unselected-B.png");
    background-position: center;
    width: 110px;
    height: 114px;
    top:211px;
    left:403px;
}
#step-5-click:hover{
    background-image: url("../../../assets/marketing/mrtg-8-selected.png");
    background-size: 110px 114px;
    background-repeat: no-repeat;
   background-position: center;
}
/**Step 6 **/
.step6 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-9.png");
}
#step-6-click{
    top:150px;
    left:237px;
  width: 136px;
  height: 44px;
  border-radius: 22px;  
}


#hover-help-step-6{
    top: 141px;
    left: 430px;
    width: 480px;
    z-index: 5;
}

/**Step 7 **/
.step7 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-10.png");
}
#hover-help-step-7{
  width: 300px;
  height:66px;
    top:320px;
    left:356px;
}
#step-7-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-7-click:hover{
    background-image: url("../../../assets/marketing/mrtg-10-hover.png");

}
/**Step 8 **/
.step8 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-11.png");
}
#hover-help-step-8{
 width: 415px;
  height: 108px;
    top:378px;
    left:496px;
}
#step-8-click{
    top:201px;
    left:400px;
  width: 237px;
  height: 126px;
    background-image: url("../../../assets/marketing/mrtg-11-unselected-A.png");
    background-size: 226px 112px;
    background-repeat: no-repeat;
    background-position: center;
}
#step-8-click:hover{
    background-image: url("../../../assets/marketing/mrtg-11-selected.png");
    background-size: 226px 112px;
    background-repeat: no-repeat;
    background-position: center;
}
#hover-help-step-8 .arrow-text{
    background-position: 0px 7px;
}

/**Step 9 **/
.step9 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-12.png");
}
#hover-help-step-9{
  width: 474px;
    left:696px;
    top: 140px;
}

#step-9-click{
  width: 130px;
  height: 44px;
  border-radius: 22px;
    left:502px;
    top:149px;
}

/**Step 10 **/
.step10 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-13.png");
}

#hover-help-step-10{
    width: 302px;
    left: 928px;
    top: 332px;
}

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

/**Step 11 **/
.step11 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-14.png");
}
#hover-help-step-11{
    width: 498px;
    left: 790px;
    top: 168px;

}

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

#hover-help-step-13{
    top:237px;
    left: 408px;
    width: 584px;
}

/**Step 14 **/
.step14 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-17.png");
}

#hover-help-step-14{
    top:248px;
    left: 408px;
    width: 584px;
}
#step-14-highlight{
     width: 262px;
  height: 104px;
    top:135px;
    left:590px;
}

/**Step 15 **/
.step15 #background-image-fader{
  background-image: url("../../../assets/marketing/mrtg-18.png");
}
#hover-help-step-15{
    top: 247px;
    left:408px;
    width: 584px;
}
#step-15-highlight{
     width: 262px;
    height: 104px;
    top:135px;
    left:1124px;
}

/**Step 16 **/
.step16 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-19.png");
}
#step-16-content{
    position: absolute;
    top: 133px;
    left: 230px;
    width:940px
}
#step-16-content h2{
    font-size: 42px;
    font-weight: bold;
}
#step-16-content p{
    font-size: 24px;
    line-height: 36px;
}
#step-16-content .content-right{
    width: 645px;
    position: absolute;
    right: 21px;
    top: 107px;
}
#step-16-content .clear-bttn{
   margin-top: 103px;
    margin-left: -17px;
}
/**Step 17 **/
.step17 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-20-22.png");
}
#hover-help-step-17{
    top:416px;
    left: 858px;
width: 505px;
}
#hover-help-step-17 .helper-arrow-down{
  left: 457px;
}

#hover-help-step-17a{
    top: 526px;
    left: 760px;
    width: 601px;
}
#hover-help-step-17a .helper-arrow-down{
   left: 552px;
}
#hover-help-step-17b{
    top:66px;
    left:755px;
    width: 584px;
}

#step-17-scroller{
    width: 1398px;
    height: 536px;
    top: 163px;
}

/**Step 18 **/
.step18 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-23.png");
}
#hover-help-step-18{
    top: 386px;
    left: 758px;
    width: 583px;
}
#hover-help-step-18 .helper-arrow-left{
    top:211px;
}
#step-18-highlight{
    top: 597px;
    width: 650px;
    height: 63px;
    left: 51px;
}

/**Step 19 **/
.step19 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-24.png");
}
#hover-help-step-19{
    top:389px;
    left:310px;
    width: 556px;
}
#step-19-button{
    background-image: url("../../../assets/marketing/mrtg-24-button.png");
    width: 161px;
    height: 29px;
    left: 257px;
    top: 671px;
}
/**Step 20 **/
.step20 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-25.png");
}
#step-20-highlight{
  width: 1220px;
  height: 273px;
    top: 134px;
    left: 42px;
}
#hover-help-step-20{
    top:433px;
    left:310px;
    width: 583px;
}
/**Step 21 **/
.step21 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-26.png");
}
#step-21-highlight{
  width: 837px;
  height: 260px;
    top: 409px;
    left: 51px;
}
#hover-help-step-21{
    top:171px;
    left:310px;
    width: 583px;
}

/**Step 22 **/
.step22 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-27.png");
}
#hover-help-step-22{
    top: 323px;
    left: 300px;
    width: 604px;
}
#hover-help-step-22 .helper-arrow-right{
    top: 147px;
}
#step-22-highlight{
  width: 323px;
  height: 260px;
    top: 409px;
    left: 887px;
}
/**Step 23 **/
.step23 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-28.png");
}

#step-23-content{
    position: absolute;
    top: 133px;
    left: 230px;
    width:940px
}
#step-23-content h2{
    font-size: 42px;
    font-weight: bold;
}
#step-23-content p{
    font-size: 24px;
    line-height: 36px;
}
#step-23-content .content-right{
    width: 645px;
    position: absolute;
    right: 21px;
    top: 107px;
}
#step-23-content .clear-bttn{
    margin-top: 102px;
    margin-left: -17px;
}

/**Step 24 **/
.step24 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-29.png");
}
#hover-help-step-24{
    top: 306px;
    left: 513px;
    width: 556px;
}
#step-24-click{
    width: 283px;
    height: 85px;
    top: 290px;
    left: 143px;
}

/**Step 24 **/
.step25 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-30.png");
}
#hover-help-step-25{
    top: 450px;
    left: 513px;
    width: 556px;
}
#hover-help-step-25 .helper-arrow-left{
    top:135px;
}
#step-25-click{
    width: 79px;
    height: 53px;
    top: 591px;
    left: 281px;
}

/**Step 25 **/
.step25 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-30.png");
}

#step-25-content .content-right{
    top: 65px;
}
#step-25-content .clear-bttn{
    margin-top: 2px;
}
/**Step 26 **/
.step26 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-31.png");
}
#hover-help-step-26{
    top: 317px;
    left: 513px;
    width: 481px;
}

/**Step 27 **/
.step27 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-32.png");
}
#hover-help-step-27{
    top: 197px;
    left: 513px;
    width: 584px;
}
#step-27-highlight{
    width: 278px;
    height: 224px;
    top: 138px;
    left: 145px;    
}
/**Step 28 **/
.step28 #background-image-fader{
    background-image: url("../../../assets/marketing/mrtg-33.png");
}
.step28 .cta-section{
    width: 90%;
}
#hover-help-step-28{
    top: 308px;
    left: 630px;
    width: 611px;
}
#step-28-click{
    width: 130px;
    height: 30px;
    top: 670px;
    left: 590px;
}