/**Steps**/

/**Step 1**/

.step1 #background-image-fader{
    background-image: url("../../../assets/IT/it-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/IT/it-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{
    padding-top: 15px;
   margin-bottom: 0;
   height: 273px;
}
#step-2-content ul li{
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 6px;
   padding-bottom: 44px;
    padding-left: 15px;
    
}

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

#hover-help-step-3{
    width: 520px;
    top: 444px;
    left: 671px;
}
.step3-bttn{
    background-image: url("../../../assets/IT/it-6-button.png");
    width: 128px;
    height: 44px;
    top:454px;
    left:486px;
}

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

#hover-help-step-4{
    top: 412px;
    left: 749px;
    width: 467px;
}
#step-4-pop{
    width: 237px;
    height: 155px;
    background-image: url("../../../assets/IT/it-7-menu.png");
    left: 659px;
    top: 522px;
    display: block;

}
#step-4-pop .fake-dd{
    width: 200px;
    position: absolute;
    top: 49px;
    left: 19px;   
}

/**Step 5 **/
.step5 #background-image-fader{
    background-image: url("../../../assets/IT/it-8.png");
}
#hover-help-step-5{
    top: 204px;
    left: 290px;
    width: 481px;
}
#hover-help-step-5a{
    top: 317px;
    left: 711px;
    width: 481px;
}
#hover-help-step-5a .helper-arrow-left{
     top: 294px;
}
.step5-bttn{
    background-image: url("../../../assets/IT/it-8-button.png");
    width: 255px;
    height: 31px;
    top: 123px;
    left: 223px;
}
.step5a-bttn{
      background-image: url(../../../assets/IT/it-8-button.png);
    width: 255px;
    height: 31px;
    top: 629px;
    left: 400px;
}
.step5-pop{
    position: absolute;
    top:0;
    left:0;
    width: 1400px;
    height: 715px;
    background-color: rgba(0,0,0,.8);
    background-image: url("../../../assets/IT/it-9-popup.png");
    background-size: 620px 623px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 5;   
}
.step5 .arrow-text{
        background-position: 0px 10px;
}
/**Step 6 **/
.step6 #background-image-fader{
    background-image: url("../../../assets/IT/it-10.png");
}
#step-6-click{
    top: 185px;
    left: 221px;
    width: 1164px;
    height: 30px;
}

#hover-help-step-6{
    top: 272px;
    left: 241px;
    width: 481px;
    z-index: 5;
}

/**Step 7 **/
.step7 #background-image-fader{
    background-image: url("../../../assets/IT/it-11.png");
}
#hover-help-step-7{
    left: 508px;
    top: 408px;
    width: 587px;
}
#step-7-highlight{
    width: 898px;
    height: 150px;
    left: 220px;
    top:209px;
}

/**Step 8 **/
.step8 #background-image-fader{
    background-image: url("../../../assets/IT/it-12.png");
}
#step-8-content{
    position: absolute;
    top: 162px;
    left: 230px;
    width:940px
}
#step-8-content h2{
    font-size: 42px;
    font-weight: bold;
}
#step-8-content p{
    font-size: 24px;
    line-height: 1.5;
}
#step-8-content .content-right{
    width: 614px;
    position: absolute;
    right: 48px;
    top: 31px;
}
#step-8-content .clear-bttn{
    margin-top: 22px;
}

/**Step 9 **/
.step9 #background-image-fader,.step10 #background-image-fader{
    background-image: url("../../../assets/IT/it-13.png");
}
#hover-help-step-9{
    width: 596px;
    left:676px;
    top: 247px;
}
#hover-help-step-9 .helper-arrow-left{
   top: 323px;
}
#step9-highlight{
    width: 386px;
    height: 126px;
    left:230px;
    top:543px;
}
.query-time{
      color: #000000;
    font-size: 19px;
    top: 576px;
    left: 414px;
    position: absolute;
    
}
.CPUs{
    color: #000000;
    font-weight: bold;
    font-size: 19px;
    top: 615px;
    left: 495px;
    position: absolute;
}
/**Step 10 **/

#hover-help-step-10{
    width: 500px;
    left: 1px;
    top: -219px;
}
#cpu-slider, #cpu-slider2{  
    position: absolute;
    width: 128px;
    left: 763px;
    top: 589px;
}
.ui-slider-handle:focus{
    outline: none;
}
#cpu-slider .ui-slider-handle, #cpu-slider2 .ui-slider-handle{
width: 59px;
height: 69px;
outline: none;
border: 4px solid transparent;
background-image: url("../../../assets/IT/it-slider-handle.png");
background-position: center 10px;
background-repeat: no-repeat;
margin-top: -7px;
cursor: pointer;
}
#step-10a-pop{
    background-image: url(../../../assets/IT/it-15-menu.png);
    width: 245px;
    height: 472px;
    left: 1132px;
    top: 80px;
    background-size: contain;
    -webkit-box-shadow: 1px 1px 1.85px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 1.85px 0px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 1.85px 0px rgba(0,0,0,0.4);
}
#step-10a-pop .fake-dd{
    position: absolute;
    left: 0;
    top: 183px;
    width: 245px;

}
#step-10a-pop .fake-option{
    width: 100%;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding-left: 32px;
    line-height: 36px;
    cursor: pointer;
}
#hover-help-step-10a{
    top: 253px;
    left: 596px;
    width: 480px;
}
#step-10a-pop .fake-option:hover, #step-10a-pop.fake-option.selected{
    background-color: #EBEEEB;
}
#hover-help-step-10b{
    top: 320px;
    left: 371px;
    width: 498px;
}
#step10b-highlight{
    top: 563px;
    left: 273px;
    width: 262px;
    height: 51px;
}

/**Step 11 **/
.step11 #background-image-fader{
    background-image: url("../../../assets/IT/it-14.png");
}
#hover-help-step-11{
    width: 500px;
    left: 1px;
    top: -250px;
}
#step11-bttn{
    background-image: url(../../../assets/IT/it-11-bttn.png);
    width: 103px;
    height: 46px;
    left: 721px;
    top: 145px;
    background-position: center;
    background-size: contain;

}
#hover-help-step-11a{
    width: 500px;
    left: 371px;
    top: 353px;
}
#step11a-highlight{
    top: 606px;
    left: 273px;
    width: 262px;
    height: 41px;
}
/**Step 12 **/
.step12 #background-image-fader{
    background-image: url("../../../assets/IT/it-19.png");
}
#step-12-content{
    position: absolute;
    top: 180px;
    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: 80px;
}
#step-12-content .clear-bttn{
    margin-top: 48px;
}
/**Step 13 **/
.step13 #background-image-fader{
    background-image: url("../../../assets/IT/it-20.png");
}

#hover-help-step-13{
    top:200px;
    left:135px;
    width: 480px;
}
#step-13-text-area{
    width: 1268px;
    top: 107px;
    left: 59px;
    height: 35px;
    padding-left: 10px;
}
#step-13-text-area input{
    font-size:16px;
    background-color: transparent;
    border:none;
    width: 1000px;
    height: :35px;
    line-height: 32px;
}
#step-13-text-area input:focus, #step-13-text-area input:hover{
    outline: :none!ipmortant;
     outline-width: 0;
}
#step-13-pop{
    display: block;
    width: 1267px;
    height: 258px;
    top: 141px;
    left: 59px;
    background-image: url(../../../assets/IT/step-13-pop.png);
    background-size: 1266px 258px;
    background-position: 0px -258px;
    -webkit-transition:    background-position .5s;
    transition:  background-position .5s;
    
}
#step-13-pop.second-pos{
     background-position: 0px 0px;
}

#step-13a-click{
    width: 100%;
    height: 51px;
    left: 0;
    top: 208px; 
}
#hover-help-step-13a{
    top:449px;
    left:136px;
    width:481px;
}


/**Step 14 **/
.step14 #background-image-fader{
    background-image: url("../../../assets/IT/it-22.png");
}

#hover-help-step-14{
    top:228px;
    left: 596px;
    width: 540px;
}
#step-14-highlight{
    width: 472px;
    height: 434px;
    top:211px;
    left:67px;
}



/**Step 15 **/
.step15 #background-image-fader{
  background-image: url("../../../assets/IT/it-22.png");
}
#hover-help-step-15{
    top: 387px;
    left:136px;
    width: 580px;
}
#step-15-pop{
    display: block;
    width: 1264px;
    height: 197px;
    top: 141px;
    left: 59px;
    background-image: url(../../../assets/IT/step-15-pop.png);
    background-size: 1264px 197px;
        background-position: 0px -197px;
    -webkit-transition:    background-position .5s;
    transition:  background-position .5s;
    
}
#step-15-pop.second-pos{
     background-position: 0px 0px;
}
#step-15-click{
    width: 100%;
    height: 49px;
    left: 0;
    top: 149px;
}
/**Step 16 **/
.step16 #background-image-fader{
    background-image: url("../../../assets/IT/it-24.png");
}
#hover-help-step-16{
    top:209px;
    left:600px;
    width: 540px;
}
#step-16-highlight{
    width: 471px;
    height:434px;
    top:211px;
    left:67px;
    
}
/**Step 17 **/
.step17 #background-image-fader{
    background-image: url("../../../assets/IT/it-25.png");
}
#hover-help-step-17{
    top:237px;
    left:136px;
    width: 530px;
}
#step-17-pop{
    display: block;
    width: 1268px;
    height: 45px;
    top: 141px;
    left: 59px;
    background-image: url(../../../assets/IT/step-17-pop.png);
    background-size: 1268px 45px;
    background-position: 0px -45px;
    -webkit-transition:    background-position .5s;
    transition:  background-position .5s;
    
}
#step-17-pop.second-pos{
     background-position: 0px 0px;
}
#step-17-click{
    width: 100%;
    height: 46px;
    left: 0;
    top: 0px;
}
/**Step 18 **/
.step18 #background-image-fader{
    background-image: url("../../../assets/IT/it-26.png");
}
#hover-help-step-18{
    top:475px;
    left:816px;
    width: 540px;
}
#step-18-highlight{
    top:211px;
    width: 1107px;
    height:436px;
    left: 67px;
}

/**Step 19 **/
.step19 #background-image-fader{
    background-image: url("../../../assets/IT/it-22.png");
}
#hover-help-step-19{
    top:297px;
    left:136px;
    width: 537px;
}
#step-19-pop{
    display: block;
    width: 1268px;
    height: 196px;
    top: 141px;
    left: 59px;
    background-image: url(../../../assets/IT/step-19-pop.png);
    background-size: 1268px 196px;
    background-position: 0px -196px;
    -webkit-transition:    background-position .5s;
    transition:  background-position .5s;
    
}
#step-19-pop.second-pos{
     background-position: 0px 0px;
}
#step-19-click{
    width: 100%;
    height: 52px;
    left: 0;
    top: 47px;
}
/**Step 20 **/
.step20 #background-image-fader{
    background-image: url("../../../assets/IT/it-28.png");
}
#step-20-highlight{
    width: 1106px;
    height: 430px;
    top: 226px;
    left: 68px;
}
#hover-help-step-20{
    top:295px;
    left:777px;
    width: 558px;
}
/**Step 21 **/
.step21 #background-image-fader{
    background-image: url("../../../assets/IT/it-29.png");
}