﻿.container{
    padding-top: 4%;
    color: white;
}
.Footerpage .sFooterpage3 .maincol ,
.Footerpage .sFooterpage1 .maincol {
    /* color:white; */
}

.backwaystomakemoney {
    /*background-image: url(../../images/pages/slide-opportunity-green.png);*/
    /*background-image: url(../../images/pages/6ways-background.png);*/
    /*NEW CSS's*/
    background-size: cover;
    background-repeat: no-repeat;
}

#datapage {
    max-width: 789px;
    margin: 0 auto;
}

#datapage .title{
font-size: 44px;
line-height: 42px;
font-family: 'PFDinTextStd-Thin';
border-bottom: 1px solid #FFF;
padding-bottom: 7px;
text-align: center;
color: #FFF;
width: 68%;
margin: auto;
}

#datapage .datasteps {
    width: 62%;
    max-width: 355px;
    min-width: 300px;
    margin: auto;
}
.selectstep{
    border: 2px solid #FFF;  
    
    
}
#datapage .datasteps .sdatasteps{
    cursor:pointer;
    width: 18px;
    float: left;
    font-size: 20px;
    font-family: 'PFDinTextStd-Medium';
    color: #0071ce;
    /* border: 2px solid #C9C9C9; */
    text-align: center;
    border-radius: 18px;
    padding: 3px 1px;
    margin: 0px 11px;
}

.t_sup {
 width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 17px solid #FFFFFF;
float: left;
margin-top: 38px;
margin-left: -38px;
opacity: 0.9;
}

#datapage .textcolumn{
    font-family: 'PFDinTextStd-Light';
    margin-top: 0px;
}
#datapage .textcolumn .contentstep{
    width: 100%;

    height: 291px;
    margin: auto;
    background-color: white;
    max-width: 650px;
    opacity: 0.9;
}
#datapage .textcolumn .scontentstep{
    float: left;

}
#datapage .textcolumn .scontentstep1{
    width: 37%;

    color: #0071ce;
    font-size: 219px;
    font-family: 'PFDinTextStd-Medium';
    height: 201px;
    text-align: center;
    line-height: 282px;
}
#datapage .textcolumn .scontentstep2{
    width: 61%;

    padding-top: 80px;
}


#datapage .textcolumn .scontentstep2 .titlest{
    color: #0071ce;
    font-size: 24px;
    font-family: 'PFDinTextStd-Medium';
    padding: 12px 0px;
}

#datapage .textcolumn .scontentstep2 .descriptionst{
    font-size: 18px;
    color: #0071ce;
    font-family: 'PFDinTextStd-Light';
    line-height: 22px;
}

@media only screen and (max-width: 767px) {
    #datapage .textcolumn .scontentstep2 .titlest {
        color: #6D6D6D;
        font-size: 20px;
        font-family: 'PFDinTextStd-Medium';
        padding: 12px 0px;
    }

    #datapage .textcolumn .scontentstep2 .descriptionst {
        font-size: 16px;
        color: #6D6D6D;
        font-family: 'PFDinTextStd-Light';
        line-height: 22px;
    }
}


@media only screen and (max-width: 479px) {
    #datapage .textcolumn .scontentstep2 .titlest {
        color: #6D6D6D;
        font-size: 15px;
        font-family: 'PFDinTextStd-Medium';
        padding: 12px 0px;
    }

    #datapage .textcolumn .scontentstep2 .descriptionst {
        font-size: 13px;
        color: #6D6D6D;
        font-family: 'PFDinTextStd-Light';
        line-height: 18px;
    }

}

@media only screen and (max-width: 959px) {
    #datapage .title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    #datapage .title {
        font-size: 33px;
        line-height: 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    #datapage .title {
        font-size: 23px;
        line-height: 30px;
        width: 100%;
    }
}
.contentstep7 .scontentstep2 {
  padding-top: 27px !important;
   }
   .contentstep6 .scontentstep2 {
  padding-top: 12px !important;
  }
@media only screen and (max-width: 770px) {
   .contentstep7 .scontentstep2 {
  padding-top: 0px !important;
   }
}

